链式编程
节约代码量
<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
原文地址:https://www.cnblogs.com/leoshi/p/12337538.html
时间: 2024-11-06 07:27:29