在jQuery中选择具有多个类的元素

Question

如果一个元素有多个这样的类：

class="btn btn-primary add-movie-button is-on"

我可以使用 jQuery 仅通过一个类名选择它，例如：

$(".add-movie-button")

我可以为此元素使用.hasClass("is-on")吗？

Answer 1

我可以为此元素使用 .hasClass("is-on") 吗？ 答案是肯定的！

if($(".add-movie-button").hasClass("is-on")){
  console.log('it worked')
}

Answer 2

像这样的元素上有一个类： class="btn btn-primary add-movie-button is-on"

您可以选择一个或多个类。 添加更多类会增加特异性。

例如：

$(".add-movie-button")

比

$(".add-movie-button.is-on")

在任何一种情况下，您都可以使用返回布尔值的 hasClass；

var isClassy = $(".add-movie-button.is-on").hasClass("is-on");
var isSmallClassy = $(".add-movie-button").hasClass("is-on");

请注意，如果任何元素与条件匹配，这将返回 true。 如果您想查看是否全部都这样做，请使用长度：

var longClasses = $(".add-movie-button.is-on");
var shortClasses = $(".add-movie-button");

var both = longClasses.length === shortClasses.length;