jquery选择器

1.css选择器通用

1）标签选择器，以文档元素作为选择器

2）ID选择器，以ID标识符作为选择器；

3）类选择器，class

4）并集选择器，div,img,ul

5）后代选择器，#id ul li

6 )通配选择器 ，*{}；

7）子代选择器，ul>li；

8）临近选择器，E+F；

9）交集选择器，div.class；

2.jquery选择器

*（重要）筛选选择器：

children(selector), $("ul").children("li")，相当于子代选择器，$（"ul>li"）选取ul中所有的子代li元素；集合元素

find(selector), $("ul").finde("li"),相当于后代选择器，$("ul li")选取ul中所有的后代li元素，后面的参数必传一般不用；集合元素

siblings(selector), $("#first").siblings("li“);选取兄弟节点的所有li，不包括自己；集合元素

parent(), $("#first").parent(),选取父元素节点，因为父元素节点只有一个所以不写；单个

parents(). $("#first").parents(),选取父元素节点上的元素，链式；父元素的父元素的父元素的所有；集合元素

eq(index); $(”li“).eq(2);相当于$("li:eq(2)"),index索引从0开始；单个

next(), $("li").next(),获取下一个兄弟元素；单个

prev(), $("li").next(),获取下一个兄弟元素；单个

*#过滤选择器：都有冒号

基本选择器，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤属性选择器

a.基本过滤选择器

：first 选择第一个元素， $("div:first")选取所有<div>元素第一个；单个

：last 选取最后一个元素， $("div:last")选取所有<div>元素的最后一个div；单个

：not(selector) 去除所有与给定选择器相匹配的元素，$("input:not(.myClass)")选取class中不是不是myClass的<input>元素；集合元素

：even 选取索引是偶数的，索引从0开始，集合元素；

：odd 选取索引是奇数的，索引从0开始，集合元素；

：eq(index) 选取索引等于index的元素， $("input:eq(1)")选取索引是1的<input>元素; 单个

：gt(index) 选取索引大于index的元素， $("input:gt(1)")选取索引大于1的Input元素，不包括1；集合元素

：lt(index)选取索引小于index的元素， $（"input:lt(1)"）选取索引小于1的input元素，不包括1，集合元素

：header选取所有标题元素， $(":header")选取网页中所有的<h1><h2>....

:annimated选取当前正在执行动画的所有元素，$("div:animated")选取正在执行动画的div元素

其他过滤选择器见下篇；