jQuery筛选器以及JQ对象常用方法

选择器: first 选中指定元素集合中的第一个元素
选择器: last 选中指定元素集合中的最后一个元素
选择器: eq(n) 选中指定元素集合中从0开始，第n个元素
选择器: lt(n) 选中指定元素集合中从0开始，第n个元素之前的所有元素
选择器: gt(n) 选中指定元素集合中从0开始，第n个元素之后的所有元素
选择器: odd 选中指定元素集合中从0开始，所有奇数序号的元素
选择器: even 选中指定元素集合中从0开始，所有偶数序号的元素
语法：
$(“p:xx”).css(“background-color”,“red”);//xx填写所需要的选择器

JQ对象常用方法

css()方法 ：
$().css(“key”,“value”);

其中：css方法第二个参数是可选参数。如果只有一个参数就是读样式，
如果有两个参数或JSON样式参数就是设置样式。

show()和hide()方法
元素的显示和隐藏。也就是说，原来我们的
div.style.display = “block”;
div.style.display = “none”;
简化成：
$(“div”).show();
$(“div”).hide();

我们可以给show()和hide()里面加上参数，表示动画的时间。
$(“div”).show(500);//500就是500毫秒。

slideDown()和slideUp()方法
下拉显示和上滑隐藏。
$(“div”).slideUp();
$(“div”).slideDown();

注意：一个元素如果原本是显示的，才能够调用slideUp()方法。如果这个元素是display:none的，才能调用slideDown()方法。同样的，这两个方法里面可以写数字，表示动画的时间。

$(“div”).slideDown(3000);//3000就表示动画是3000毫秒。

fadeIn()和fadeOut()方法
淡入、淡出。
$(“div”).fadeIn();
$(“div”).fadeOut();

注意：
fadeIn()的起点是display:none; 不是opacity:0;
fadeOut()的终点是display:none;不是opacity:0;
也就是说一个元素如果想淡入，一定要给这个元素加上display:none;属性，而不要给他加上opacity:0;的属性。
同样的fadeIn()和fadeOut()的函数括号里面可以加数字，表示动画的时间。
fadeIn(4000); //用4000毫秒进行淡入。

addClass()和removeClass()方法
追加类和移除类。
add就是添加，remove就是移除。
注意：addClass是追加类，而不是改变类。不影响原有的类名。同样的removeClass表示移除类，不影响不移除的类名。

attr()方法
attr是英语attribute属性的简写，用来更改HTML元素的属性。
语法：
$(“div”).attr(“key”,“value”);

html()方法
用来读取和更改元素内部的内容，作用和原生的innerHTML属性是一样的。
例如：
$(“h1”).html(“我是 beixi，我喂自己袋盐！”);
这样的话，h1标签之间就是"我是beixi，我喂自己袋盐！"了。
注意：
如果在html()方法中不写任何参数，则表示读取元素的内容。