学科分类

排他思想

在开发中,经常需要通过排他思想,来完成多选一的效果。例如,为当前元素设置一个特定的样式,并为其他兄弟元素清除样式。示例代码如下。

 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行表示为当前元素的其他兄弟元素去掉背景色。

点击此处
隐藏目录