JQuery学习

jquery与prototype,extjs,YUI一样，都是js库，但从名称可以看出，jquery最强大的是“查询”，即DOM节点的查询。

jquery的特点：

1，异常强大的选择器（查询表达式）；

2，封装DOM操作；

3，完善的ajax操作；

4，高低版本兼容性好。

jquery的主要学习点：

1，jquery的9种选择器；

2，jquery的DOM操作；

3，jquery的ajax的应用；

4，jquery的事件与动画。

jquery选择器之基本选择器：

1，#id：用法，$("#mydiv");返回值是单个元素的组成的集合；

2，Element：用法，$("div")，返回值是集合元素；

3，class：用法，$(".myclass")，返回值是集合元素；

4，*：用法，$("*")，返回值是集合元素，匹配所有元素；

5，selector1,selector2,selectorN：用法，$("div,span,p")，将每一个选择器匹配到的元素合并后一起返回。

jquery选择器之层次选择器

1，$("form input")：在给定的祖先元素下匹配所有后代元素，与"parent>child"区分开；

2，$("form>input")：在给定的父元素下匹配所有子元素，要区分好后代元素与子元素；

3，$("label+input")：匹配紧接在所有prev元素后的next（下一个）元素；

4，$("form~input")：匹配prev元素之后的所有siblings元素，是匹配之后的元素，不包含该元素在内，并且siblings匹配的是和prev同辈的元素，其后被元素不匹配。("prev~div")选择器只能选择"#prev"元素后面的同辈元素，而jquery中的方法siblings()与前后位置无光，只要是同辈节点就可以截取。

jquery选择器之过滤选择器

1，$("tr:first")，匹配找到的第一个元素；

2，$("tr:last")，匹配找到的最后一个元素；

3，$("input:not(:checked)")，去除所有与给定选择器匹配的元素；

4，$("tr:even")，匹配所有索引值为偶数的元素，从0开始计数；

5，$("tr:odd")，匹配所有索引值为奇数的元素，和even对应；

6，$("tr:eq(0)")，匹配一个给定索引值得元素，eq(0)就是获取第一个tr元素；

7，$("tr:gt(0)")，匹配所有大于给定索引值得元素；

8，$("tr:lt(2)")，匹配所有小鱼给定索引值的元素；

9，$(":header")，匹配如h1,h2,h3之类的标题元素；

10，$(":annimated")，匹配所有正在执行动画的元素。

jquery选择器之内容过滤选择器

1，$("div:contains('John')")，匹配包含给定文本的元素；

2，$("td:empty")，匹配所有不包含子元素或者文本的空元素；

3，$("div:has(p)").css('background','blue')，匹配含有选择器所匹配的元素；

4，$("td:parent")，匹配含有子元素或者文本的元素。

jquery选择器之可见度过滤选择器

1，$("tr:hidden")，匹配所有不可见元素，input元素的type属性为hidden的话也会被匹配到，css中display.none也会被匹配到；

2，$("tr,visible")，匹配所有可见的元素。

jquery选择器之属性过滤选择器

1，$("div[id]")，匹配包含指定属性的元素，例子中选取了所有带id属性的div标签；

2，$("input[name='newsletter']").attr("checked",true)，匹配给定的属性是某个特定值的元素，例子中选取了所有name属性是newsletter的input元素；

3，$("input[name!='newsletter']").attr("checked",true)，匹配所有不含指定属性，或者指定属性不等于特定值的元素；

4，$("input[name^='news']")，匹配给定的属性是以某些值开始的元素；

5，$("input[name$='letter']")，匹配给定的属性是以某些值结尾的元素；

6，$("input[name*='man']")，匹配给定的属性是以包含某些值得元素；

7，$("input[id][name$='man'']")，例子中选择是所有含有id属性，并且它的name属性是以man结尾的元素。

jquery选择器之子元素过滤选择器

1，$("tbody:nth-child(2)")，递归匹配其父元素下的第N个子或奇偶元素。这个选择器和之前说过的基础过滤中的eq()有些类似，不同的地方就是前者是从0开始，后者是从1开始；

2，$("ul li:first-child")，递归匹配第一个子元素，：first只匹配一个元素，而此选择符为每个父元素匹配一个子元素；

3，$("ul li:last-child")，递归匹配最后一个子元素，：last只匹配一个元素，而此选择符为每个父元素匹配一个子元素；

4，$("ul li:only-child")，如果某个元素是父元素中唯一的子元素，那将会被匹配。

jquery选择器之表单对象属性过滤器

1，$("input:enabled")，匹配所有可用的元素，例子中查找所有input中enabled的input；

2，$("input:disabled")，匹配所有不可用的元素；

3，$("input:checked")，匹配所有被选中的元素，复选框，单选框等，但不包括select中的option；

4，$("select option:selected")，匹配所有选中的option元素。

jquery选择器之表单对象选择器

1，$(":input")，匹配所有input，textarea，select和button元素；

2，$(":text")，匹配所有的但行文本框；

3，$(":password")，匹配所有密码框；

4，$(":radio")，匹配所有的单选按钮；

5，$(":checkbox")，匹配所有复选框；

6，$(":submit")，匹配所有提交按钮；

7，$(":image")，匹配所有图像域；

8，$(":reset")，匹配所有重置按钮；

9，$(":button")，匹配所有button按钮；

10，$(":file")，匹配所有文件域；

11，$(":hidden")，匹配所有的type为hidden的元素以及css中style为hidden的元素。