类名过滤,指的是根据元素的 class 来过滤。在 jQuery 中,我们可以使用 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 所示。
$(this).hasClass("select")用于判断当前的 li 元素是否包含类名“select”。这里大家要注意一下,hasClass() 方法一般是用来实现判断操作的。