Question

我在同一个问题上看到一些帖子，但是想进一步澄清，因为我无法得到任何这些答案，特别是因为我无法从Jquery文档中选择答案。

我想组合一些类，以方便级联适当的样式。我可以简单地在一个类中复制样式，但我认为那将是不好的做法。

<div class="left_Item drop_Down" id="col_1">some stuff</div>

$(".left_Item, .drop_Down#col_1").whatever....; 
// matches every occurrence of class left_Item with the single occurrence of    //drop_Down#col_1   ... this tallies with the multiple selector documentation.

$("#col_1").whatever....;
//obviously does match as the selector is only looking at the id.
//however
$(".drop_Down#col_1").whatever....; 
//does not match  Does this imply that the classes cannot be matched separately? So....
$(".left_Item.drop_Down#col_1").whatever....;
// various posts on so state that this should match it does not for me. Nor does
$(".left_Item .drop_Down#col_1").whatever....;


$(".left_Item").filter(".drop_Down#col_1).whatever....;
// various posts on so state that this should match also but it does not for me.

首先，我假设我正在使用多个类做正确的事情。如果不是，我会停止尝试这项工作！

其次请一些人给出正确的jquery语法，以匹配具有多个类的元素。

THX

Answer 1

语法如下（for CSS or jQuery）：

.class1.class2

在你的情况下：

$(".left_Item.drop_Down").whatever...

如果你想使用id和类选择器，那么首先输入id：

$("#col_1.left_Item.drop_Down")

虽然因为id应该是唯一的，但我不明白为什么你不只是使用$("#col_1")

Answer 2

如果课程是你的主要关注点，那就试试吧。

$('.left_Item.drop_Down').whatever...

但是如果你想要一个Id类left_Item drop_Down你可能会这样做

$('#col_1.left_Item.drop_Down').whatever...

在Jquery中选择多个类

2 个答案: