jQuery梳理总结

代码简洁
完美兼容
轻量级
强大的选择器
完善的Ajax
丰富的插件

两个版本比较常用，每个版本都有两种类型，jquery.js开发版供开发者学习，jquery.min.js压缩版，体积更小页面加载更快，一般实际开发采用压缩版。
1.x兼容IE6-8
3.x虽然新但是不兼容IE6-8

区别jQuery、DOM对象
jQuery对象只能用jQuery的方法；DOM对象只能用原生js的方法。
凡是通过$()获取到的就是jQuery对象，必须要用jQuery方法，如果想用原生js,必须要转换为DOM对象。

//下标法
$()[n]
//
$().get(n);//n省略时获得DOM元素集合

高级技巧
$().index();接受一个jQuery对象或者DOM对象作为参数，返回相对于参数的索引值
常用于Tab选项卡和轮播图。
链式调节
如果前后对同一个对象进行多个操作，可以使用

语法

选择器

$(“选择器”) 是用CSS选择器构建了一个jQuery对象

基本选择器

元素选择器 $(‘p’)
id选择器 $(’#myId’)
类选择器 $(’ . myClass’)
群组选择器 $(“选择器1，选择器2，选择器3”)

层次选择器

后代选择器 $(‘F Ss’)
$(F).find(Ss);
子代选择器 $(‘F> S’)
$(F).children(S);
兄弟选择器 $(‘F~f’)
$(F).nextAll(f)
相邻选择器 $(‘F+nextf’)
$(F).next(f)

属性选择器

$(“selector[attr]”) 选择包含给定属性的元素
$(“selector[attr=‘value’]”) 选择给定的属性是某个特定值的元素
$(“selector[attr != ‘value’]”) 选择所有含有指定的属性，但属性不等于特定值的元素
$(“selector[attr *= ‘value’]”) 选择给定的属性是以包含某些值的元素
$(“selector[attr ^= ‘value’]”) 选择给定的属性是以某些值开始的元素（比较少用）
$(“selector[attr $= ‘value’]”) 选择给定的属性是以某些值结尾的元素（比较少用）
$(“selector[selector1][selector2]…[selectorN]”) 复合属性选择器，需要同时满足多个条件时使用

伪类选择器

位置伪类选择器

$('li:first");//第一个li :last
:odd;//奇，下标0-
:eq(n);
:lt(n);//下标小于n的
:gt(n);

子元素伪类选择器

可能选择不到元素

$('ul li:first-child");//ul的第一个孩子是li时候选到li :last
$('ul li:nth-child(n)");//N、even、odd
$('ul li:only-child");//ul单个孩子li

区别于

$('ul li:first-of-type");//ul的第一个li孩子 :last
$('ul li:nth-of-type(n)");
$('ul li:only-of-type");

可见性伪类选择器

li:hidden
li:visible

内容伪类选择器

li:empty;
li:parent;//含有文本或者子元素
li:contains(text);//指定文本
:has(selector);//包含指定选择器

表单伪类选择器

专门操作表单元素的

:input
:button
:submit
:reset

:text
:textarea
:password

:radio;//单选框
:checkbox;//复选框

:image;
:file;

表单属性伪类选择器

:checked//单选、复选
：selected;//下拉列表
:enabled;//disabled
:read-only;
:focus;

其他伪类选择器

:not(selector)
:animated;//正在执行动画的元素
:root
:header;//h1-h6
:target;//锚点元素
:lang(language);//特定语言的元素

过滤方法、与查找方法补充了选择器无法进行的操作。

过滤方法

返回元素或者真假

//布尔
hasClass(');
is(选择器);//is(":visible");

//返回元素
eq(index);//下标索引
not(选择器);
filter(选择器/函数