jquery怎么判断是否有某个class

148 阅读 0 评论 98 点赞

我是靠谱客的博主轻松狗，这篇文章主要介绍jquery怎么判断是否有某个class，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以使用hasClass()方法来判断是否有某个指定class。

hasClass() 方法可以检查被选元素是否包含指定的 class。如果被选元素包含指定的类，该方法返回 "true"。

语法格式：

复制代码$(selector).hasClass(classname)1
$(selector).hasClass(classname)
登录后复制

classname：必需参数，规定需要在指定元素中查找的类。

示例：检查 <p> 元素是否包含 "intro" 类：

复制代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		alert($("p").hasClass("intro"));
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个段落标题</h1>
<p class="intro">这是一个段落</p>
<p> 这是另外一个段落</p>
<button>是否有 p 元素使用了 "intro" 类?</button>

</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		alert($("p").hasClass("intro"));
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个段落标题</h1>
<p class="intro">这是一个段落</p>
<p> 这是另外一个段落</p>
<button>是否有 p 元素使用了 "intro" 类?</button>

</body>
</html>
登录后复制