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>
  • 相关阅读:
    C#学习笔记_01_基础内容
    C#学习笔记_03_运算符
    C#学习笔记_02_数据类型
    统计学习方法(一)
    《史蒂夫·乔布斯传》读书笔记
    《孵化twitter》读书笔记
    保存和恢复 Android Fragment 的状态
    计算机视觉中的边缘检测
    Android开发的过去、现在和将来
    Python常用的第三方库
  • 原文地址:https://www.cnblogs.com/ch2020/p/13022429.html
Copyright © 2011-2022 走看看