锋利的Jquery——学习笔记（二）Jquery选择器

Jquery选择器

• 基础选择器
• 层次选择器
• 过滤选择器
• 表单选择器

基础选择器

$("#myId"),$(".myClass"),$("div"),$("*"),$("div,span")

层次选择器

通过DOM元素之间的层次关系获得元素：后代元素，子元素，相邻元素和兄弟元素。

注：1)一般第一个和第二个方法比较常用，第三个经常被$(“.one”).next(“div”)代替;

2)第四个可以用$(“.one”).nextAll()代替

3)区分2)选择其之后DOM同级节点，siblings()与位置无关，选择所有同级节点

过滤选择器

通过特定的过滤规则筛选出需要的元素，和CSS中的伪类选择器一样，以“：”开头，可以分为：基本过滤，内容过滤，可见性过滤，属性过滤，
子元素过滤，表单对象属性过滤选择器。

1)基本过滤选择器

注：索引从0开始，区分于子元素选择器

除此之外还有：：header和：animated选择器

2)内容过滤选择器

3)可见性过滤选择器

4)属性过滤选择器

5)子元素过滤选择器

注：索引从1开始，做好区分

6)表单对象属性过滤选择器

表单选择器

练习：