[jQuery]jQuery链式编程(六)

链式编程

节约代码量

<button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <button>快速</button>
    <script>
        $(function () {
            // 1、隐式迭代 给所有按钮都绑定了点击事件
            $("button").click(function () {
                // 2. 当前的元素变化颜色
                $(this).css('background','yellow');
                /*3. 其他的兄弟不变颜色*/
                $(this).siblings("button").css('background','');
                /*链式将2、3整合成一行*/
                $(this).css('background','yellow').siblings().css('background','')
            });
        });
    </script>

END