js选择元素

第二章 选择元素

---

1. 基本选择器

   • 通用选择器     $(‘*’)
   • ID选择器     $(‘#ID’)
   • Class选择器     $(‘.class’)
   • 元素选择器     $(‘div.class’)

   表2.1 简单的CSS选择器

   例 子	描 述
   *	匹配页面所有元素
   #special-id	匹配ID为special-id的元素
   .special-class	匹配样式为special-class的元素
   a	匹配a标签
   a.special-class	匹配所有样式为special-class的a标签
   .class.special-class	匹配使用了样式class和special-class的元素

2. 根据层级查找元素

   表2.2 jQuery支持的CSS层次选择器

   选 择 器	描 述
   E    F	匹配标签名为F，且属于E的子元素的所有元素
   E > F	匹配标签名为F，且属于E的直接子元素的所有元素
   E + F	匹配标签名为F，且在紧邻同级元素E之前
   E ~ F	匹配标签名为F，且在任意的同级元素E之前

3. 通过属性选择元素

   表2.2 jQuery支持的CSS层次选择器

   选 择 器	描 述
   E[A]	2
   E[A ^= ‘V’]	2
   E[A $= ‘V’]	2
   E[A *= ‘V’]	2
   E[A |= ‘V’]	2
   E[A ~= ‘V’]	2
   E[C1][C2]	2

4. 过滤器

   • 位置过滤器
   • 子过滤器
   • 表单过滤器
   • 内容过滤器
   • 其他过滤器
   • 自定义过滤器

5. 列表内容

   使用上下文增强性能