jquery中的hasClass()方法怎么用

互联网 20-11-25

jquery中的hasClass()方法的用法是：【$().hasClass("类名")】。hasClass方法一般用于判断元素是否包含指定的类名，如果包含则返回true，如果不包含则返回false。

本教程操作环境：windows10系统、jquery1.12.4版，该方法适用于所有品牌电脑。

相关推荐：《jQuery视频教程》

类名过滤，指的是根据元素的 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>

效果：