码迷,mamicode.com
首页 > Web开发 > 详细

jQuery之排他思想

时间:2019-11-29 11:04:11      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:script   round   col   style   点击   背景颜色   button   pre   使用   

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

标签:script   round   col   style   点击   背景颜色   button   pre   使用   

原文地址:https://www.cnblogs.com/jianguo221/p/11956098.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!