S2 使用jQuery快速高效制作网页交互特效 第六章jQuery选择器 知识点

1. jQuery选择器的优势
   (1) 简洁的写法
   (2) 完善的处理机制
   2.jQuery选择器的类型
   (1) 通过CSS选择器选取元素
   •基本选择器
   什么是基本选择器？
   答：jQuery基本选择器与CSS基本选择器相同，它继承了CSS选择器的语法和功能，主要由元素标签名、class、id多个选择器组成，通过基本选择器可以实现大多数页面元素的查找。基本选择器主要包括标签选择器、类选择器、id选择器、并集选择器和全局选择器，也是jQuery中使用频率最高的选择器，jQuery基本选择器的详细说明如下表：
   
   •层次选择器
   什么是层次选择器？
   答：jQuery中的层次选择器与CSS中的层次选择器相同，它们都是根据获取元素与其父元素、子元素、兄弟元素关系而构成的选择器。jQuery中有四种层次选择器，它们分别是后代选择器、子选择器、相邻元素选择器和同辈元素选择器，其中最常用的是后代选择器和子选择器，它们和CSS中的后代选择器与子选择器的语法及选取范围均相同，jQuery层次选择器的详细说明如下表：
   
   •属性选择器
   什么是属性选择器？
   答：属性选择器就是通过HTML元素的属性选择元素的选择器，它与CSS中的属性选择器语法构成完全一致。属性选择器是CSS选择器中非常有用的选择器，从语法构成来看，它遵循CSS选择器；从类型来看，它属于jQuery中按条件过滤获取元素的选择器之一，jQuery属性选择器的详细说明如下表：

(2) 通过过滤选择器选取元素
什么是过滤选择器？
答：过滤选择器主要通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类语法相同，即选择器都以一个冒号（：）开头，冒号前是需要过滤的元素。
按照不同的过滤条件，过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。其中，最常用的过滤选择器是基本过滤选择器、可见性过滤选择器、属性选择器和表单过滤选择器。
•基本过滤选择器
基本过滤选择器是过滤选择器中使用最为广泛的一种，其详细说明如下表：

•可见性过滤选择器
jQuery选择器除了可以通过CSS选择器、位置选取元素外，还能够通过元素的显示状态，即元素显示或者隐藏来选取元素。在jQuery中，通过元素显示状态选取元素的选择器称为可见性过滤选择器。
可见性过滤选择器的详细说明如下表：

选择器 描述 返回值 示例
:visible 选取所有可见的元素 集合元素 $(“:visible”)选取所有可见的元素
:hidden 选取所有隐藏的元素 集合元素 $(“hidden”)选取所有隐藏的元素

2. jQuery选择器的注意事项
   (1) 选择器中含有特殊字符的注意事项
   在W3C规范中，规定属性值中不能含有某些特殊字符，但在实际开发过程中，可能会遇到表达式中含有“#”和“.”等特殊字符的情况，如果按照普通的方式去处理就会出错。解决此类错误的方法是使用转义符转义。
   (2) 选择器中含有空格的注意事项
   选择器的空格也是不容忽视的，多一个空格或少一个空格，可能得到截然不同的结果。之所以会出现不同的结果，是因为后代选择器与过滤选择器存在不同。