第二章 jQuery选择器

一、jQuery选择器的优势

1. 写法简洁 $("div")
2. 支持CSS2和css3选择器（对于css3选择器支持这一项，我认为应该是jQuery首先创造并使用这些选择器而后css3将其引入自己的规范）
3. 完善的处理机制 $(".demo")获取的永远是对象，即时网页没有这个元素。

          由于这种机制，使用jQuery检查某个元素在网页中是否存在时不能使用：

if($(".demo")){     // do something}

而是应该根据获取到的长度来判断：

if($(".demo").length>0){     // do something}

或者是转为DOM判断。

二、jQuery选择器

• 基本选择器

最常用的选择器，通过元素id、class和标签名等查找DOM元素。

• 层次选择器

通过DOM元素之间的层次关系获取特定元素例如：后代元素、子元素、相邻元素和同辈元素等。

对于$("prev+next")选择器一般用next()方法代替，对于$("prev~siblings")一般用nextAll()方法代替。

• 过滤选择器

通过特定的过滤规则筛选所需的DOM元素，选择器已:开头（与css伪类选择器相似）。按照过滤原则可分为：

1. 基本过滤选择器

  在使用:even、:odd、：eq()、:gt()、:lt()等选择器是一定要注意下标问题

       2.内容过滤选择器  过滤规则主要是它包含的子元素和文本

      3.可见性过滤选择器  根据元素的可见和不可见状态选择相应元素

对于:hidden选择器，不仅可以选择display:none的元素，也可以选择visibility:hidden和文本隐藏域等元素。

4.属性过滤选择器  根据元素属性获取相应元素

5. 子元素过滤选择器

eq(index)只匹配一个元素，而nth-child将为每一个符合条件的父元素匹配子元素。同时nth-child()的index从1开始，eq()从0开始。同理，:first和:first-child、:last和last:child也类似。

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

• 表单选择器 

三、jQuery选择器注意事项

1. 选择器含有”.“，”#“，”（“或”]“等特殊字符时使用转义符转义。
2. jQuery在1.3.1版本后放弃之前的属性前加@。
3. 选择器对空格敏感。