2025年1月4日 星期六 甲辰(龙)年 冬月初二 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

jQuery hasClass()方法的用法

时间:03-07来源:作者:点击数:60

类名过滤,指的是根据元素的 class 来过滤。在 jQuery 中,我们可以使用 hasClass() 方法来实现类名过滤。

语法:

$().hasClass("类名")

hasClass() 方法一般用于判断元素是否包含指定的类名:如果包含,则返回 true;如果不包含,则返回 false。

举例:

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <meta charset="utf-8" />
  • <title></title>
  • <script src="js/jquery-1.12.4.min.js"></script>
  • <script>
  • $(function () {
  • $("li").each(function(){
  • var bool = $(this).hasClass("select");
  • if(bool){
  • $(this).css("color", "red");
  • }
  • })
  • })
  • </script>
  • </head>
  • <body>
  • <ul>
  • <li>HTML</li>
  • <li>CSS</li>
  • <li>JavaScript</li>
  • <li class="select">jQuery</li>
  • <li>Vue.js</li>
  • </ul>
  • </body>
  • </html>

预览效果如图 1 所示。

hasClass()方法的效果
图 1:hasClass() 方法的效果

$(this).hasClass("select")用于判断当前的 li 元素是否包含类名“select”。这里大家要注意一下,hasClass() 方法一般是用来实现判断操作的。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门