当前位置:首页 > Web开发 > 正文

jQuery之排他思想

2024-03-31 Web开发

使用的方法: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之排他思想

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/42425.html