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

如题所述

可以使用hasclass()方法来判断,hasClass() 方法检查被选元素是否包含指定的 class,语法为:$(selector).hasClass(class)

工具原料:编辑器、浏览器

1、设置一个按钮点击后判断一个段落是不是有指定的类,相关代码逻辑见代码注释,代码如下:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){//获取按钮元素并绑定点击事件
    alert($("p:first").hasClass("intro"));//弹出元素p应用hasclass方法的返回值,如果该元素存在intro的类则弹出true否则false
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
 
<body>
<h1 id="h1">This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>检查第一个段落是否拥有类 "intro"</button>
</body>
</html>

2、从以上代码中可知,第一个元素p确实存在class为intro的类则hasclass的运行结果是true:

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答