Jquery 排他思想

<div id="mydiv">
	<button>按钮</button>
	<button>按钮</button>
	<button>按钮</button>
	<button>按钮</button>
	<button>按钮</button>
	<button>按钮</button>
</div>
<script type="text/javascript">
	$(function() {
    
    
		// 1.隐式迭代 给所有的按钮都绑定了点击事件
		$("button").click(function() {
    
    
			// 2.当前元素设置背景颜色
			$(this).css("background","blue")
			// 3.其余兄弟节点去掉背景颜色
			$(this).siblings("button").css("background","")
		})
		
	})
</script>

猜你喜欢

转载自blog.csdn.net/weixin_44640323/article/details/112981569