怎么使用jquery判断一个元素是否含有一个指定的类（class）

最新推荐文章于 2022-07-11 15:42:21 发布

Sir_fish

最新推荐文章于 2022-07-11 15:42:21 发布

阅读量2k

点赞数 1

分类专栏： Java js&jQuery 文章标签： jquery class

本文链接：https://blog.csdn.net/Sir_fish/article/details/53179147

版权

Java 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

js&jQuery

3 篇文章 0 订阅

订阅专栏

怎么使用jquery判断一个元素是否含有一个指定的类（class）

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：

1.jQuery是否含有指定的类（class）使用 is(‘.classname’)的方法

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

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

<html> 
	<head> 
	<style type="text/css">
		.redColor {
			background:red;
		}
		.blueColor {
			background:blue;
		}
	</style> 
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
	</head> 
	<body>
		<h1>jQuery check if an element has a certain class</h1>
		<div class="redColor">This is a div tag with class name of "redColor"</div>
		<p>
			<button id="isTest">is('.redColor')</button>
			<button id="hasClassTest">hasClass('.redColor')</button>
			<button id="reset">reset</button>
		</p> 
		<script type="text/javascript">
			$("#isTest").click(function () {
				console.log($('div'));
				if($('div').is('.redColor')){
					$('div').addClass('blueColor');
				}
			});
			$("#hasClassTest").click(function () {
				if($('div').hasClass('redColor')){
					$('div').addClass('blueColor');
				}
			});
			$("#reset").click(function () {
				location.reload();
			});
		</script> 
	</body> 
</html>

初始效果：