jquery怎么判断元素是否包含指定类

两种判断方法:1、使用hasClass(),可以检查被选元素是否包含指定的class(类名),语法“指定元素对象.hasClass(“类名”)”,如果包含指定的类则返回true,如果不包含则返回false。2、使用attr()和“==”运算符,语法“指定元素对象.attr(“class”)==”类名””,可以检查元素class属性值是否等于指定类名,如果返回true则表示包含。

本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

jquery判断元素是否包含指定类的两种方法:

方法1:使用hasClass()判断

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

如果被选元素包含指定的类,该方法返回 true,如果不包含则返回false。

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

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8" />   <script src="./js/jquery-3.6.0.min.js"></script>   <script>    $(document).ready(function(){     $("button").click(function(){      console.log($("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>

商匡云商
Logo
注册新帐户
对比商品
  • 合计 (0)
对比
0
购物车