小码哥的IT人生

首页 > JS > jQuery

jQuery 属性操作 - addClass() 方法 概述

jQuery 2022-06-01 15:26:11小码哥的IT人生shichen

jQuery 属性操作 - addClass() 方法

实例

检查第一个 <p> 元素是否包含 "intro" 类:

$("button").click(function(){
  alert($("p:first").hasClass("intro"));
});

完整实例:

<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("p:first").hasClass("intro"));
  });
});
</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>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

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

语法

$(selector).hasClass(class)
参数 描述
class 必需。规定需要在指定元素中查找的类。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024