[jQuery]jQuery链式编程

Posted leoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[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

以上是关于[jQuery]jQuery链式编程的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 链式编程

jQuery插件编写及链式编程模型小结

JQuery的链式编程,隐式迭代是什么意思

一 JQUERY链式编程行颜色改变

jQuery的链式编程和隐式迭代

jQuery——链式编程与隐式迭代