jQuery 支持多个 class 选择器,可以使用逗号分隔的类名来选择元素。这样可以让我们在一个选择器中匹配多个不同的 class 名称,而不必写出多个单独的选择器。
$('.class1, .class2, .class3')
上面的代码将会选择所有具有 class1、class2 和 class3 类名的元素。这样就可以很方便地对多个元素应用相同的样式或者行为,而不必重复书写代码。
此外,jQuery 还支持使用“+”号来实现相邻元素选择器(Adjacent Selector)功能。这意味着我们可以使用一个选择器来匹配当前元素之后的所有元素(包含当前元素)。
$('.class1 + .class2')
上面的代码将会选择所有 class1 后面跟随 class2 的元素。这样就可以很方便地对相邻的多个元素应用相同的样式或者行为,而不必重复书写代码。
jQuery 选择器
选取 class 为 "intro"、"demo" 或 "end" 的所有元素:
.class 选择器可用于选取多个 class。
注意:用逗号分隔每个 class。
注意:不要使用数字开头的 class 属性!在某些浏览器中可能出问题。
参数 | 描述 |
---|---|
class | 必需。规定要选取的元素的 class。 |
jQuery 选择器
jQuery :first-of-type 选择器jQuery 选择器实例 选取属于其父元素的第一个 p 元素的每个 p 元素:$("p:first-of-type")定义和用...
jQuery focusout() 方法jQuery 事件方法实例 当 div 元素或其任意子元素失去焦点时,设置 div 元素的背景颜色:$("div").focusou...
jQuery next() 方法jQuery 遍历方法实例 返回带有类名 start 的每个 li 元素的后一个同级元素:$(document).ready(function(){ $...
jQuery :first 选择器jQuery 选择器实例 选取第一个 p 元素:$(p:first) 定义和用法 :first 选择器选取第一个元素。 注意:这个...