[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链式编程的主要内容,如果未能解决你的问题,请参考以下文章