首先会用到jQuery的选择器:
1. 基本选择器:$("标签名"),如$("div‘’); $("#id名");$(".class名");其中$("标签名")和$(".class名")返回的是所有满足的节点,可以认为是一个数组,至于进一步的筛选可以添加一些函数,如eq,gt,lt等
2.层次选择器:(mix代表一个标签名,或一个#id或一个.class)
- 后代选择器:$("mix mix"),可以是多个嵌套,但后代选择器可以是深层子代。如$("div .content"):在div标签内的所有具有content的class的后代元素(就是被div嵌套的class属性为content的标签)
- 子选择器:$("mix>mix"),子选择器只能选择第一代子代,不处理深层嵌套
- 临近选择器:$("mix+mix"),选取下一个兄弟节点
3. 过滤选择器:
- :first 匹配找到的第一个元素
- :last 匹配找到的最后一个元素
- :not 去除所有与给定选择器匹配的元素 $("inpur:not(:checked)")
- :even 匹配所有索引值为偶数的元素,从0 开始计数
- :odd 匹配所有索引值为计数的元素,从0开始计数
- :eq(index) 匹配一个给定索引值的元素
- :gt(index) 匹配所有大于给定索引值的元素
- :li(index) 匹配所有小于给定索引值的元素
- :header 匹配如h1,h2之类的标题元素
- :animated 匹配所有正在执行动画效果的元素
4.内容过滤选择器
5. 可见性过滤选择器
6. 属性过滤选择器
7. 子元素过滤选择器
8. 表单对象过滤选择器