`

jquery的each()用法

阅读更多

转自:http://www.stuhack.com/biancheng/asp_net/10484.html

 

在jQuery里有一个each方法,用起来非常的爽,不用再像原来那样写for循环,jQuery源码里自己也有很多用到each方法。

  其实jQuery里的each方法是通过js里的call方法来实现的。

  下面简单介绍一下call方法。

  call这个方法很奇妙,其实官方的说明是:“调用一个对象的一个方法,以另一个对象替换当前对象。”网上更多的解释是变换上下文环境,也有说是改变上下文this指针。

  call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

  参数

  thisObj

  可选项。将被用作当前对象的对象。

  arg1, arg2,  , argN

  可选项。将被传递方法参数序列。

  说明

  call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

  引用网上有一个很经典的例子

  Js代码

  function add(a,b)

  {

  alert(a+b);

  }

  function sub(a,b)

  {

  alert(a-b);

  }

  add.call(sub,3,1);

  用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4);

  注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

  具体call更深入的就不在这里提了。

  下面提一下jQuery的each方法的几种常用的用法

  Js代码

  var arr = [ "one", "two", "three", "four"];

  $.each(arr, function(){

  alert(this);

  });

  //上面这个each输出的结果分别为:one,two,three,four

  var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]

  $.each(arr1, function(i, item){

  alert(item[0]);

  });

  //其实arr1为一个二维数组,item相当于取每一个一维数组,

  //item[0]相对于取每一个一维数组里的第一个值

  //所以上面这个each输出分别为:1   4   7

  var obj = { one:1, two:2, three:3, four:4};

  $.each(obj, function(key, val) {

  alert(obj[key]);

  });

  //这个each就有更厉害了,能循环每一个属性

  //输出结果为:1   2  3  4

 

分享到:
评论

相关推荐

    jQuery-each用法全面总结

    ### jQuery-each用法全面总结 #### 一、概述 `jQuery.each` 是一个非常实用且灵活的方法,用于遍历JavaScript中的对象、数组以及其他可枚举的数据结构。它支持多种用法,包括带有附加参数的遍历以及不带附加参数的...

    jquery里的each使用方法详解

    `jQuery`中的`each()`函数是一个非常重要的工具方法,它允许开发者遍历对象或数组的成员,并对每个成员执行特定的操作。在`jQuery`中,`each()`有两种主要的使用场景,一种是针对数组或对象,另一种是针对`jQuery`...

    jQuery的$.each()遍历数组或对象的用法

    $.each()遍历数组或对象的具体用法

    jQuery each函数源码分析_.docx

    为了确保安全,开发者应当在回调函数内部使用`hasOwnProperty`方法来检查属性是否属于目标对象自身,而不是从原型继承来的。 总结,`jQuery.each`函数是jQuery库中的一个重要组成部分,它允许开发者高效且灵活地...

    jquery简单用法大全

    jQuery还提供了一系列工具方法,如`$.each()`, `$.trim()`, `$.grep()`, `$.extend()`等,它们对数组、字符串、对象等进行处理。 **jQuery简单例子** 例如,使用jQuery实现点击按钮隐藏某元素: ```javascript $...

    jquery $.each json 获取json 数据

    要使用jQuery的$.each函数解析JSON数据,首先你需要将JSON字符串转换为JavaScript对象,这可以通过`JSON.parse()`方法实现。例如: ```javascript var jsonString = '{"name":"John","age":30,"city":"New York"}';...

    jQuery each和js forEach用法比较

    在JavaScript和jQuery中,遍历数组或对象是常见的操作,jQuery提供了`each`方法,而JavaScript原生提供了`forEach`方法。接下来我们将深入探讨这两种方法的用法、区别以及应用场景。 **1. jQuery `$.each()`** ...

    jQuery 遍历的 each() 方法

    在jQuery源码中,`each()`方法实现了迭代逻辑,它使用`Array.prototype.forEach`(如果浏览器支持)或传统的for循环来遍历元素。同时,`each()`还确保了回调函数能够访问到jQuery对象和上下文。 ```javascript each...

    jquery的几种使用方法

    本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...

    JQuery跳出each循环的方法

    有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了,但是使用之后没有效果,因为在jquery中没有这两条命令。 后来上网查了下,得到了结果: return false;——跳出所有循环;相当于 javascript 中的...

    jquery的each方法使用示例分享

    以下是一些`jQuery.each`方法的使用示例: ```javascript // 遍历DOM元素集合 $('div').each(function(index, element) { console.log('这是第' + index + '个div元素:', element); }); // 遍历对象属性 var obj ...

    jQuery.each使用详解

    `jQuery.each`是jQuery库中的一个核心方法,用于遍历对象和数组。它是一个非常灵活且功能强大的工具,尤其在处理数据迭代时非常有用。这个方法有两个主要的参数:`object`,即需要遍历的对象或数组,以及`callback`...

    JQUERY精选使用方法

    ### JQUERY精选使用方法 #### 一、页面元素的引用 在使用jQuery的过程中,通过`$()`函数选择页面中的元素是十分基础的操作。这个选择器支持多种方式来定位DOM元素,比如通过ID、类名、元素名称甚至是复杂的DOM或...

    jQuery each()方法的使用方法

    在jQuery的`each()`方法的实现中,它会根据对象是否为数组来决定使用`for`循环还是`for...in`循环。如果提供了额外的`args`参数,回调函数将使用`apply()`方法来调用,这允许传递一个数组作为参数。如果没有提供`...

    jquery的each()详解.docx

    下面我们将详细探讨`each()`的各种用法和应用场景。 首先,`each()`在处理一维数组时,可以像传统for循环一样遍历数组的每个元素,但其语法更加简洁。例如: ```javascript var arr1 = ["aaa", "bbb", "ccc"]; $....

    jQuery源码分析之jQuery.fn.each与jQuery.each用法

    本文实例讲述了jQuery源码分析之jQuery.fn.each与jQuery.each用法。分享给大家供大家参考。具体分析如下: 先上例子,下面代码的作用是:对每个选中的div元素,都给它们添加一个red类 复制代码 代码如下:$(‘div’)....

    jquery的each()详细介绍中文WORD版

    资源名称:jquery的each()详细介绍 中文WORD版内容简介:本文档主要讲述的是jquery的each()详细介绍;each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一...

    Jquery each方法跳出循环,并获取返回值(实例讲解)

    在jQuery库中,`each()`方法是一个非常重要的迭代器,用于遍历JavaScript对象或jQuery选择集中的每个元素。它提供了一种优雅的方式来处理数组或对象集合,尤其在DOM操作和数据处理时。在这个实例讲解中,我们将深入...

    JQuery中each()的使用方法说明

    接下来,我们将深入探讨`each()`函数的使用方法及其在jQuery中的应用。 首先,`each()`函数有两个主要的使用场景: 1. **遍历对象**:当你需要遍历一个对象的所有属性时,可以使用`$.each()`。在这个场景下,函数...

Global site tag (gtag.js) - Google Analytics