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

jQuery之链式编程

时间:2019-11-29 10:48:03      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:点击   红色   按钮   UNC   编程   链式   cli   red   query   

使用的思想:隐式迭代、

 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("color", "red");
14                 // 3. 让其余的姐妹元素不变色 
15                 // $(this).siblings().css("color", "");
16                 // 链式编程
17                 $(this).css("color", "red").siblings().css("color", "");
18             });
19         })
20     </script>

 

jQuery之链式编程

标签:点击   红色   按钮   UNC   编程   链式   cli   red   query   

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

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