`
liulanghan110
  • 浏览: 1076644 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery中each函数

阅读更多

jQuery.each( object, callback,arg)

jquery中的each函数很方便,$.each()函数封装了十分强大的遍历功能,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javascript开发过程中使用$each可以大大的减轻我们的工作量.

jQueryjQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQueryeach方法。换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。

jQuery.prototype.each = function(fn, args) {

        return jQuery.each(this, fn, args);

    }

 

让我们看一下jQuery提供的each方法的具体实现,

jQuery.each = function(obj, fn, args) {

        if (args) {

            if (obj.length == undefined) {

                for (var i in obj)

                    fn.apply(obj, args);

            } else {

                for (var i = 0, ol = obj.length; i < ol; i++) {

                    if (fn.apply(obj, args) === false)

                        break;

                }

 

            }

        } else {

            if (obj.length == undefined) {

                for (var i in obj)

                    fn.call(obj, i, obj);

            } else {

                for (var i = 0, ol = obj.length, val = obj[0]; 

i < ol && fn.call(val, i, val) !== false; 

val = obj[++i]) { }

}

        }

        return obj;

}

 

需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)fn(args),而是采用了fn.call(val,i,val)fn.apply(obj.args)的形式,这意味着,在你自己的fn的实现中,可以直接采用this指针引用数组或是对象的子元素。这种方式是绝大多数jQuery所采用的一种实现方式。

 

 

 

分享到:
评论

相关推荐

    jQuery each函数源码分析_.docx

    《jQuery each函数源码分析》 jQuery库中的`each`函数是其核心功能之一,它提供了遍历数组和对象的能力,使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中,我们将深入探讨`each`函数的源码,了解其...

    Jquery使用each函数实现遍历及数组处理

    在JavaScript的开发中,jQuery库提供了许多便利的功能,其中之一就是`each()`函数。`each()`函数主要用于遍历数组或对象,简化了JavaScript中的循环操作,使得代码更加简洁易读。接下来我们将详细探讨如何使用jQuery...

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

    each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等 在javascript开发过程中使用$each可以大大的减轻我们的工作量。有需要的朋友可以下载看看资源截图: 资源...

    jquery的each()函数用法[文].pdf

    jQuery的`each()`函数是JavaScript开发中非常常用的一个工具,尤其在处理DOM操作、数组遍历和JSON数据解析时,它的简洁性和灵活性使得代码更加易读且减少错误。以下是关于`each()`函数的详细说明: 1. **遍历一维...

    jQuery each函数源码分析

    `each`函数中使用了`jQuery.isFunction`来判断`object`是否为函数,这是因为函数在JavaScript中也是对象。如果`object`是一个函数,那么它不会被遍历。同时,通过检查`object.length`来区分数组和非数组对象,数组的...

    jQuery.each使用详解

    如果需要提前终止`each`循环,可以在回调函数中返回`false`,其他返回值将被忽略。 例如,遍历一个数组可以这样写: ```javascript $.each([0, 1, 2], function(i, n) { alert("Item #" + i + ": " + n); }); ``` ...

    jquery函数 强大的封装

    2. **遍历和操作**:jQuery提供了`.each()`函数来遍历集合,`.append()`、`.prepend()`用于元素插入,`.html()`、`.text()`用于修改元素内容,`.hide()`、`.show()`控制元素的显示隐藏,`.remove()`则用于删除元素,...

    jquery中map函数与each函数的区别实例介绍

    ​jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的。 ​其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用...

    jQuery-each用法全面总结

    - **args**:可选参数,可以传递任意数量的额外参数到回调函数中。 #### 三、遍历对象 当遍历对象时,`jQuery.each` 会遍历所有可枚举的属性。 ##### 例1:带附加参数的遍历 ```javascript var obj = { one: 1, ...

    jqueryAPI函数chm文档

    - `$.each(obj, callback)`:遍历对象或数组,并执行回调函数。 - `$.extend()`:合并两个或更多对象的属性。 - `$.trim(str)`:去除字符串两端的空白字符。 总结,jQuery API函数chm文档详尽地涵盖了jQuery的各种...

    关于jquery中全局函数each使用介绍

    jquery 包含了两个each一个是 $().each 另一个是 $.each 区别就在于前一个是jquery对象的内置函数 而后一个 这是对象的遍历函数 一般用于ajax中获取不同的对象数据进行遍历以json为例 jquery 的get... 内置函数中的 in

    jquery 城市选择控件

    jquery 城市选择控件 文本框获得焦点,在下方弹出悬浮层,分组选择城市。 解决了 http://bbs.csdn.net/topics/390339668#new_post 问题

    jquery $.each json 获取json 数据

    $.each函数是jQuery中一个重要的迭代器,它允许我们遍历数组或对象,包括JSON数据。本篇文章将深入探讨如何使用jQuery的$.each函数来获取并处理JSON数据。 首先,我们需要了解JSON(JavaScript Object Notation),...

    jquery里的each使用方法详解

    这使得在用户定义的函数中,可以通过`this`关键字直接引用当前处理的元素。 总的来说,`jQuery.each()`是`jQuery`中一个非常实用的方法,它提供了一种灵活的方式遍历集合并进行处理,无论是数组、对象还是`jQuery`...

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....

    jquery的each()详解.docx

    jQuery的`each()`函数是其核心功能之一,它提供了对数组、对象以及DOM元素进行迭代操作的能力,大大简化了JavaScript中的循环处理。下面我们将详细探讨`each()`的各种用法和应用场景。 首先,`each()`在处理一维...

    jQuery中each循环的跳出和结束实例

    在each()函数中,我们可以提供一个回调函数,该函数会针对每个匹配的元素执行。回调函数接收两个参数,第一个是当前元素的索引(或在对象中是键名),第二个是当前元素的值。如果你想要在遍历过程中控制流程,比如跳...

Global site tag (gtag.js) - Google Analytics