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

 我来答
码农小明哥
2017-06-15 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

可以使用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:

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式