jquery判断是否有某个class

2025-02-01 13:01:05

推荐回答（1个）

回答1：

在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：
1. is(‘.classname’)
2. hasClass(‘classname’)
以下是一个div元素是否包含一个redColor的例子：
1. 使用is(‘.classname’)的方法
$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))
$('div').hasClass('redColor')

以下是检测一个元素是否含有一个redColor类的例子，含有时，则把其类变为blueColor。

.redColor {
background:red;
}
.blueColor {
background:blue;
}

jQuery check if an element has a certain class

This is a div tag with class name of "redColor"

is('.redColor')
hasClass('.redColor')
reset

$("#isTest").click(function () {

if($('div').is('.redColor')){
$('div').addClass('blueColor');
}

});

$("#hasClassTest").click(function () {

if($('div').hasClass('redColor')){
$('div').addClass('blueColor');
}

});

$("#reset").click(function () {
location.reload();
});

初始效果：

点击is('.redColor')后的效果：

点击hasClass('redColor')的效果与点击is('.redColor')后的效果相同，点击reset的效果与初始效果相同。