jquery中的hasClass()方法怎么用


本文摘自PHP中文网,作者V,侵删。

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

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

相关推荐:《jQuery视频教程》

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

语法:

1

$().hasClass("类名")

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!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()方法怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery怎么去除css样式?

jQuery怎么判断id是否存在

jQuery wrap()方法是什么意思

jQuery 如何判断iframe是否加载完成

jQuery getjson()方法怎么用

jQuery如何判断对象是否为空

jQuery post中文乱码怎么办

数组长度用size还是length

jQuery框架和bootstrap框架区别

jQuery如何判断对象是否获得焦点

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...