jquery如何判断元素是否含有某个css类?

jquery如何判断元素是否含有某个css类?判断某个元素是否已经被赋予某个CSS类?下面本篇文章就来给大家介绍一下方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jquery如何判断元素是否含有某个css类?

在jquery中,可以通过hasClass("className")方法来判断判断元素是否含有某个css类。

hasClass()函数用于指示当前jQuery对象所匹配的元素是否含有指定的css类名。

该函数属于jQuery对象(实例)。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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>

效果图:

hasClass() 方法检查被选元素是否包含指定的类名称;如果被选元素包含指定的类,该方法返回 "true"。

语法:

$(selector).hasClass(classname)

参数:

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

更多前端开发知识,请查阅 HTML中文网 !!

以上就是jquery如何判断元素是否含有某个css类?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读