例如，假设我有以下内容：
<span class="a b c">Has class a, b, and c</span>
<span class="a">Has class a</span>
<span class="b c">Has class b and c</span>
<span class="a c">Has class a and c</span>
<span class="a c">Has class a and c</span>
<span class="a">Has class a</span>
现在，假设我想选择所有 仅 类 a 的元素。
这意味着只有第二个也是最后一个 spans 会被选中。
有没有简单的方法来做到这一点？
【问题讨论】：
标签： javascript jquery jquery-selectors
$('.a').not('.b, .c')
这将选择所有具有a 类但没有b 或c 的元素。但是，它们仍然可以有 d、e 等类。如果您真的只想要除 a 之外没有其他类的元素，请使用 Phil 的答案。
【讨论】：
Uncaught TypeError: $(...).not is not a function
（请参阅下文，了解为什么您可能不想完全按照问题中的要求去做）
你可以使用[class="a"]“属性等于选择器”，虽然它很脆弱：
$('span[class="a"]').hide();
问题是，如果您的类属性中有任何空格，那么它将中断。看到这个小提琴：http://jsfiddle.net/c7DP7/
您可以通过使用普通类选择器对这些项目进行基本查询来解决此问题，然后在仅检查 a 设置的同时进一步过滤它们（并在第二个过滤器中修剪空白）。看到这个小提琴：http://jsfiddle.net/uD48E/1/
$('.a')
.filter(function(index){
return $(this).attr("class").trim() == "a";
})
.hide();
这个问题看起来像是在尝试制作更多“面向未来”的代码，但这种具体方法更脆弱。拒绝与您正在过滤的当前类无关的所有类可能会因为与类a 无关的原因而破坏事情（例如稍后添加的不相关类d 或e）。如果您应用 jQuery 的 HTML 将来可能会更改，这一点很重要。
更好的方法是只过滤掉影响a 类含义的类。允许这种灵活性实际上使您的代码更具前瞻性。请参阅 maxedison's answer 了解最佳方法。
【讨论】：
我想如果你想这样做，你可以简单地这样做：
var spans = $("span[class='a']");
【讨论】：
span。如果有可能具有所需类的 div 或 imgs 并且您想选择它们，$("[class='a']") 会这样做。
另一种方法是删除这些类，然后检查是否还有任何类。如果没有，执行函数：
$('.a').each(function () {
var $this = $(this);
if (!$this.removeClass('a').attr('class').length) {
//Execute function here
}
});
【讨论】：
使用这个：
jQuery:
$('[class="a"]');
JavaScript：
document.querySelectorAll("[class='a']");
【讨论】：