📅  最后修改于: 2023-12-03 15:16:47.810000             🧑  作者: Mango
在使用 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>
如果我们希望选择所有同时具有 box
和 col-md-4
类的元素,可以使用如下代码:
$(".box.col-md-4")
这样就会选择到最后三个 div
元素。需要注意的是,多类选择器只会选择同时具有所有类名的元素,而不是其中具有任何一个类名的元素。
使用 jQuery 的多类选择器可以方便地选择同时具有多个类名的元素,使得操作更为便捷。