jQuery的排他思想

暖烛

于 2020-05-02 12:33:13 发布

阅读量373

点赞数

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/Twilight_b/article/details/105889043

版权

 <button>点击</button>
 <button>点击</button>
 <button>点击</button>
 <button>点击</button>

<script type="text/javascript">
	$(function(){
		//1.隐式迭代 给所有的按钮都绑定了点击事件
		$("button").click(function(){
			//2. 当前的元素变化背景颜色
			$(this).css("background","pink");
			//3. 其余的兄弟去掉背景颜色 隐式迭代 siblings是查找兄弟节点，不包括本身
			$(this).siblings("button").css("background","");
		});
		
	});
</script>