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

浏览器预览效果如下图所示。

分析:

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