zoukankan      html  css  js  c++  java
  • 动画效果 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>
  • 相关阅读:
    正则表达式
    匿名函数作业
    内置函数&匿名函数
    模拟面试题一
    迭代器
    生成器
    装饰器
    函数
    疑问?
    3,app信息抽取
  • 原文地址:https://www.cnblogs.com/ch2020/p/13022429.html
Copyright © 2011-2022 走看看