jQuery hasClass()怎么用

时间：2020-11-10 15:03

jQuery hasClass()方法用于检查被选元素是否包含指定的类名称，其使用语法是“$(selector).hasClass(classname)”，参数classname表示需要在被选元素中查找的类。

推荐：《jquery视频教程》

jQuery hasClass()定义和用法

hasClass() 方法检查被选元素是否包含指定的类名称。

如果被选元素包含指定的类，该方法返回 "true"。

语法

$(selector).hasClass(classname)

参数

classname 必需。规定需要在被选元素中查找的类。

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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>

运行效果：