📜  jQuery |多类选择器(1)

📅  最后修改于: 2023-12-03 15:16:47.810000             🧑  作者: Mango

jQuery多类选择器

在使用 jQuery 选择器时,我们经常需要选择多个类名匹配的元素,这时就可以使用多类选择器。

语法
$(".class1.class2")

其中,.代表类选择器,多个类名之间使用.分隔。

示例

假设有如下 HTML 结构:

<div class="box col-md-6"></div>
<div class="box col-md-6"></div>
<div class="box col-md-12"></div>
<div class="box col-md-4"></div>
<div class="box col-md-4"></div>
<div class="box col-md-4"></div>

如果我们希望选择所有同时具有 boxcol-md-4 类的元素,可以使用如下代码:

$(".box.col-md-4")

这样就会选择到最后三个 div 元素。需要注意的是,多类选择器只会选择同时具有所有类名的元素,而不是其中具有任何一个类名的元素。

总结

使用 jQuery 的多类选择器可以方便地选择同时具有多个类名的元素,使得操作更为便捷。