jquery怎么判断元素有没有指定类名

jQuery提供了许多在操作元素上的方法，包括添加或删除类，检查元素是否具有特定的类等。本文将介绍几种判断元素是否具有指定类名的方法。

方法一：hasClass()

hasClass()是jQuery中最常用的方法之一，它可以检查指定元素是否具有指定的类名。它的语法如下：

$(selector).hasClass(classname)

其中，selector表示要检查的元素的选择器，classname表示要检查的类名。例如：

if ($("#myDiv").hasClass("blue")) {
  // do something
}

这段代码将检查id为myDiv的元素是否具有类名为blue的类。如果是，则执行后面的代码块。这个方法返回一个布尔值，表示元素是否具有指定的类名。

方法二：is()

另一个在jQuery中判断元素是否具有指定类名的方法是is()。这个方法使用起来类似于hasClass()，它的语法如下：

$(selector).is(".classname")

其中，selector表示要检查的元素的选择器，classname表示要检查的类名。例如：

if ($("#myDiv").is(".blue")) {
  // do something
}

这段代码将检查id为myDiv的元素是否具有类名为blue的类。如果是，则执行后面的代码块。这个方法也返回一个布尔值，表示元素是否具有指定的类名。

方法三：indexOf()

indexOf()是JavaScript本身提供的方法，它可以判断指定元素是否包含某个字符串。在jQuery中，我们可以使用它来判断元素是否具有指定类名。它的语法如下：

$(selector).attr("class").indexOf("classname") > -1

其中，selector表示要检查的元素的选择器，classname表示要检查的类名。attr()方法将返回一个字符串，表示元素的类名列表，然后我们使用indexOf()方法来检查classname是否在类名列表中。如果返回值大于-1，则表示元素具有指定类名。

例如：

if ($("#myDiv").attr("class").indexOf("blue") > -1) {
  // do something
}

这段代码将检查id为myDiv的元素是否具有类名为blue的类。如果是，则执行后面的代码块。

方法四：match()

match()是JavaScript本身提供的另一个方法，它可以检查一个字符串是否符合某个正则表达式。在jQuery中，我们可以使用它来判断元素是否具有指定类名。它的语法如下：

$(selector).attr("class").match(/classname/)

其中，selector表示要检查的元素的选择器，classname表示要检查的类名。attr()方法将返回一个字符串，表示元素的类名列表，然后我们使用match()方法来检查classname是否在类名列表中。如果匹配成功，则表示元素具有指定类名。

例如：

if ($("#myDiv").attr("class").match(/blue/)) {
  // do something
}

这段代码将检查id为myDiv的元素是否具有类名为blue的类。如果是，则执行后面的代码块。

总结

以上是几种判断元素是否具有指定类名的方法，根据具体的需求选择合适的方法即可。其中hasClass()是最常用的方法，也是最简单直接的方法，在实际开发中可以优先考虑。而另外三个方法适用于一些特定场景，如需要使用正则表达式匹配时可以使用match()方法。