jQuery hasClass()方法用于判断所选择的元素是否有指定的类名class。如果指定的类存在于任何选定元素中，则返回 true，否则返回 false。

语法

$(selector).hasClass(classname)

参数

  • className：为必填参数。指定要判断的类名class。

示例

例1

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        alert($("p").hasClass("intro"));
    });
});
</script>
<style>
.intro {
    font-size: 150%;
    color: blue;
}
</style>
</head>
<body>
<h1>这是标题.</h1>
<p class="intro">这是一个段落。</p>
<p> 这是第二个段落。</p>
<button>判断是否有intro类名</button>
</body>
</html>

例2

 <!DOCTYPE html>
<html>
<head>
<title>jQuery hasClass() 方法</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js">
</script>
<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$("#result1").text( $("p#pid1").hasClass("red") );
		$("#result2").text( $("p#pid2").hasClass("red") );
	});
</script>
<style>
.red { color:red; }
.blue { color:blue; }
</style>
</head>
<body>
<p class="red" id="pid1">这是第一段。</p>
<p class="blue" id="pid2">这是第二段。</p>
<div id="result1"></div>
<div id="result2"></div>
</body>
</html>
输出：

jQuery hasClass() 方法