第二章 选择元素
基本选择器
- 通用选择器 $(‘*’)
- 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 jQuery支持的CSS层次选择器
选 择 器 描 述 E F 匹配标签名为F,且属于E的子元素的所有元素 E > F 匹配标签名为F,且属于E的直接子元素的所有元素 E + F 匹配标签名为F,且在紧邻同级元素E之前 E ~ F 匹配标签名为F,且在任意的同级元素E之前 通过属性选择元素
表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 过滤器
- 位置过滤器
- 子过滤器
- 表单过滤器
- 内容过滤器
- 其他过滤器
- 自定义过滤器
列表内容
使用上下文增强性能