jQuery hasClass()方法的用法
发布时间:2020-12-14 22:16:13 所属栏目:资源 来源:网络整理
导读:类名过滤,指的是根据元素的 class 来过滤。在 jQuery 中,我们可以使用 hasClass() 方法来实现类名过滤。 语法: $().hasClass("类名") hasClass() 方法一般用于判断元素是否包含指定的类名:如果包含,则返回 true;如果不包含,则返回 false。 举例: !DOC
类名过滤,指的是根据元素的 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 所示。 图 1:hasClass() 方法的效果 $(this).hasClass("select") 用于判断当前的 li 元素是否包含类名“select”。这里大家要注意一下,hasClass() 方法一般是用来实现判断操作的。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |