首页 > web前端 > js教程 > jquery中的hasClass()方法怎么用

jquery中的hasClass()方法怎么用

王林
发布: 2020-11-30 14:56:42
原创
2841 人浏览过

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

jquery中的hasClass()方法怎么用

本教程操作环境: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>
登录后复制

效果:

9561c6b348fd9aab8c3e976951de79b.png

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

更多编程相关知识,请访问:编程学习!!

以上是jquery中的hasClass()方法怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板