美文网首页
类操作(添加删除切换判断)

类操作(添加删除切换判断)

作者: 琪33 | 来源:发表于2018-04-26 16:15 被阅读0次
 <style>
        div {
            width: 100px;
            height: 100px;
            background-color: pink;
        }
        .current {
            background-color: red;
        }
    </style>
    <script src="jquery-1.11.1.js"></script>
    <script>
        $(function () {
            $("button").eq(0).click(function () {
                //添加类
                $("div").addClass("current");
                //判断类
                alert($("div").hasClass("current"));//has是have的单三
            });

            $("button").eq(1).click(function () {
                //删除类
                $("div").removeClass("current");
                //判断类
                alert($("div").hasClass("current"));//has是have的单三
            });
            //alert($("div").hasClass("current"));//jquery对象中有一个带有类名的也是true,所有都不带才是false;
        })
    </script>
</head>
<body>
<button>添加</button>
<button>删除</button>
<div></div>
<div></div>
<div></div>
<div class="current"></div>
</body>

相关文章

网友评论

      本文标题:类操作(添加删除切换判断)

      本文链接:https://www.haomeiwen.com/subject/wtkmlftx.html