jQuery中的排他思想

最新推荐文章于 2022-04-07 09:39:47 发布

失忆症患者_

最新推荐文章于 2022-04-07 09:39:47 发布

阅读量177

点赞数

分类专栏： jQuery基础文章标签： jquery

本文链接：https://blog.csdn.net/qq_41929578/article/details/109017414

版权

jQuery基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

隐式迭代给所有的按钮都绑定了点击事件；
当前的元素变化背景颜色；
其余的兄弟去掉背景颜色隐式迭代；

案例分享：

<body>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <script>
        $(function() {
            // 1. 隐式迭代 给所有的按钮都绑定了点击事件
            $("button").click(function() {
                // 2. 当前的元素变化背景颜色
                $(this).css("background", "pink");
                // 3. 其余的兄弟去掉背景颜色 隐式迭代
                $(this).siblings("button").css("background", "");
            });
        })
    </script>
</body>