zoukankan      html  css  js  c++  java
  • jQuery .each()方法与.data()方法

    .each(callback):

    • 每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

    • 参数claaback:对于每个匹配的元素所要执行的函数

    //return false跳出循环
    //return跳出这一层循环,继续循环下面的
    //语法1:遍历jQuery对象
    //要注意this是谁(选择器选中的标签)
    $("div").each(function(){...})
    
    //语法2:遍历数组对象
    var li = [1,2,3,4,5,6];
    $.each(li,function(k,v){
        console.log(k,v);
    });
    

    data([key],[value])

    • removeData(key):删除数据
    • 在元素上存放或读取数据(任何数据,甚至包括一个jQuery对象),返回jQuery对象。
    • 参数:key存储的数据名,后续可使用数据名取出数据,value:将要存储的数据(任何数据)
    //在一个div上存取数据
    $("div").data("blah");  // undefined
    $("div").data("blah", "hello");  // blah设置为hello
    $("div").data("blah");  // hello
    $("div").data("blah", 86);  // 设置为86
    $("div").data("blah");  //  86
    $("div").removeData("blah");  //移除blah
    $("div").data("blah");  // undefined
    
  • 相关阅读:
    Map和Set
    js基本语法入门
    js中变量的作用域,let,const详解
    循环结构
    方法
    只有分享才能一起进步
    培训随笔
    得食相呼,义也
    Wall.e
    《国学之大智慧》观感
  • 原文地址:https://www.cnblogs.com/wualin/p/10076141.html
Copyright © 2011-2022 走看看