动画效果 each循环

each循环

 1 循环标签对象数组
 2 $('li').each(function(k,v){
 3     console.log(k,v);
 4 });
 5 
 6 循环普通数组
 7 var d1 = ['aa','bb','cc'];
 8 $.each(d1,function(k,v){
 9     console.log(k,v);
10 })
11 
12 跳出循环  return false; 类似于break
13 $('li').each(function(k,v){
14     console.log(k,v.innerText);
15     if (k === 1){
16         return false;
17     }
18 
19 });
20 
21 跳出本次循环  return; 类似于continue
22 $('li').each(function(k,v){
23     
24     if (k === 1){
25         return;
26     }
27     console.log(k,v.innerText);
28 });

data 1 给标签对象添加数据,类似于添加了全局变量 2 .data(key, value): 设置值 3 .data(key) 取值 4 .removeData(key) 删除值 

插件(了解)

 1 <script>
 2 jQuery.extend({ //$.extend({})
 3   min:function(a, b){return a < b ? a : b;}, //自定义了一个min和max方法,min和max作为键,值是一个function
 4   max:function(a, b){return a > b ? a : b;}
 5 });
 6 jQuery.min(2,3);// => 2
 7 jQuery.max(4,5);// => 5
 8 $('div').min(1,2);不能通过标签对象来调用
 9 </script>
10 
11 <script>
12   jQuery.fn.extend({  //给任意的jQuery标签对象添加一个方法
13     check:function(){
14       return this.each(function(){this.checked =true;});
15     },
16     uncheck:function(){
17       return this.each(function(){this.checked =false;});
18     }
19   });
20 // jQuery对象可以使用新添加的check()方法了。
21 $("input[type='checkbox']").check();
22 </script>

 

posted @ 2020-05-31 23:35  竹石2020  阅读(155)  评论(0编辑  收藏  举报