zoukankan      html  css  js  c++  java
  • jquery的$().each,$.each的区别与应用

    在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。

    $().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

    $(“input[name=’ch’]”).each(function(index){
    if($(this).attr(‘checked’)==true)
    {

    //操作代码

    }

    注:回调函数是可以传递参数,index是索引。

    对于遍历一个数组,用$.each()来处理,下面列举了几个实例:

    实例1:

    //使用this关键字
    var
    arr = ['a','b','c']; $.each(arr, function(){ alert(this);//this代表数组中的每个元素 });

    实例2:

    //回调函数带参数
    var
    arr = ['a','b','c']; $.each(arr, function(k,v){  //k代表索引,v代表数组中每个元素的值 alert('索引:' + k + ',值:' + v); });

    实例3:

    //遍历二维数组
    var
    arr = [[1,2,3],['a','b','c']]; $.each(arr, function(k,v){ alert(v[0]); });

    实例4:

    //遍历对象
    var
    obj = {one:1, two:2, three:3, four:4, five:'good'}; $.each(obj, function(key, val) { alert(obj[key]); });
  • 相关阅读:
    索引
    mysql事务
    centos 7 gitlab安装服务器
    内网穿透工具 frp使用
    eslint配置
    nodejs连接mongodb(密码)
    插入排序
    直接插入排序
    koa中 log4js使用
    JS中的prototype、__proto__与constructor(图解)
  • 原文地址:https://www.cnblogs.com/cloak/p/4980270.html
Copyright © 2011-2022 走看看