jQuery之排他思想

Posted jianguo221

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery之排他思想相关的知识,希望对你有一定的参考价值。

使用的方法:click()    css()   siblings()   

 1     <button>快速</button>
 2     <button>快速</button>
 3     <button>快速</button>
 4     <button>快速</button>
 5     <button>快速</button>
 6     <button>快速</button>
 7     <button>快速</button>
 8     <script>
 9         $(function() {
10             // 1. 隐式迭代 给所有的按钮都绑定了点击事件
11             $("button").click(function() {
12                 // 2. 当前的元素变化背景颜色
13                 $(this).css("background", "pink");
14                 // 3. 其余的兄弟去掉背景颜色 隐式迭代
15                 $(this).siblings("button").css("background", "");
16             });
17         })
18     </script>

 

以上是关于jQuery之排他思想的主要内容,如果未能解决你的问题,请参考以下文章

jQuery排他思想(important!)

JavaScript进阶之DOM

JavaScript进阶之DOM

JavaScript进阶之DOM

JavaScript进阶之DOM

排他思想