排他思想
在开发中,经常需要通过排他思想,来完成多选一的效果。例如,为当前元素设置一个特定的样式,并为其他兄弟元素清除样式。示例代码如下。
1 <button>按钮1</button>
2 <button>按钮2</button>
3 <button>按钮3</button>
4 <script>
5 $("button").click(function() {
6 $(this).css("background", "pink");
7 $(this).siblings("button").css("background", "");
8 });
9 </script>
在上述代码中,第6行表示为当前元素设置背景色为pink,第7行表示为当前元素的其他兄弟元素去掉背景色。