在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。如果你想看看ALL是否那么使用长度：

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

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