Rumah > hujung hadapan web > tutorial js > jquery中的hasClass()方法怎么用

jquery中的hasClass()方法怎么用

王林
Lepaskan: 2020-11-30 14:56:42
asal
2837 orang telah melayarinya

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

jquery中的hasClass()方法怎么用

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

相关推荐:《jQuery视频教程

类名过滤,指的是根据元素的 class 来过滤。在 jQuery 中,我们可以使用 hasClass() 方法来实现类名过滤。

语法:

$().hasClass("类名")
Salin selepas log masuk

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>
Salin selepas log masuk

效果:

9561c6b348fd9aab8c3e976951de79b.png

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

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

Atas ialah kandungan terperinci jquery中的hasClass()方法怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan