`
licui
  • 浏览: 21337 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

$.each(obj, fn)

阅读更多
$.each(obj, fn)

一个通用的迭代函数,可用于近似地迭代对象和数组。

这个函数与$().each()不同,$().each()是专门用于迭代和执行jQuery对象的函数。而这个函数可以用于迭代任何对象和数组。 这个函数的回调中包含两个参数:第一个是key(对象)或index(数组),第二个是值。

返回值:Object

参数:

    * obj (Object): 要重复迭代的对象或数组
    * fn (Function): 要在每个对象中执行的函数


示例:

这是一个迭代数组中所有项目的例子,通过函数访问了其中的每个项目和索引。

$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
示例:

这是一个迭代对象中所有属性的例子,通过函数访问了每个属性的名称和值。

$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });

$.each( obj, fn )

A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. This function is not the same as $().each() - which is used to iterate, exclusively, over a jQuery object. This function can be used to iterate over anything.

The callback has two arguments:the key (objects) or index (arrays) as the first, and the value as the second.

If you wish to break the each() loop at a particular iteration you can do so by making your function return false. Other return values are ignored.

Return value: Object
Parameters:

    * obj (Object): The object, or array, to iterate over.
    * fn (Function): The function that will be executed on every object.



Example:

This is an example of iterating over the items in an array, accessing both the current item and its index.

$.each( [0,1,2], function(i, n){     alert( "Item #" + i + ": " + n );   }); 

Example:

This is an example of iterating over the properties in an Object, accessing both the current item and its key.

$.each( { name: "John", lang: "JS" }, function(i, n){     alert( "Name: " + i + ", Value: " + n );   }); 
分享到:
评论

相关推荐

    Jquery实现$.fn.extend和$.extend函数_.docx

    `this[i] = obj[i]`将`obj`中的属性复制到`_$.fn`(即`jQuery.prototype`),从而使得所有jQuery对象实例都可以访问这些方法。 接下来,我们来看`$.extend`。这是一个静态方法,用于扩展`$`对象本身,而不是jQuery...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    这篇文章将详细讲解`$.each`、`this.each`和`$.fn.each`这三种不同的`each`用法。 首先,我们来看`$.each`方法。`$.each`是jQuery提供的一个通用迭代器,可以用于遍历数组或对象。对于数组,它会按顺序遍历数组中的...

    Jquery实现$.fn.extend和$.extend函数

    _$.fn.extend = function (obj) { if (isObj(obj)) { for (var i in obj) { this[i] = obj[i]; } } } _$.extend = function (obj) { if (isObj(obj)) { for (var i in obj) { this[i] = obj[i]; } } ...

    jQuery中$.each()函数的用法引申实例

    在JavaScript的世界里,遍历数据结构是常见的操作,jQuery提供了$.each()函数,它为开发者提供了方便、灵活的方式来遍历数组、对象或者其他集合。本文将深入解析jQuery中$.each()函数的用法,并通过实例来展示其功能...

    jQuery使用$.each遍历json数组的简单实现方法

    $.each方法可以有三个参数:被遍历的对象(obj),用于操作的函数(fn),以及函数参数(args)。如果提供了`args`参数,fn函数将携带该参数进行调用。否则,传入的参数为子元素的索引和子元素本身。 #### 7. ...

    jQuery $.each的用法说明

    - `$.each()`不适用于遍历DOM元素集合,对于这种情况,可以使用`$.fn.each()`,它是jQuery对象的方法。 ### 4. 实际应用场景 - 数据预处理:在提交表单前,可以使用`$.each()`遍历表单元素,验证输入值的正确性。 ...

    jQuery 1.5 API 中文版

    $.each( fn(index, element) ) num.size( ) , .length str.selector el.context $.eq( index ) jQuery.error( str ) [el],el.get( [index] ) num.index( ).index( selector ).index( element ) $jQuery.pushStack( ...

    jQuery1.4 API

    工具浏览器及特性检测 $.support $.browser $.browser.version $.boxModel 数组和对象操作 $.each(object, [callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array, fn, [invert]) $.makeArray(obj) $.map(array, ...

    jquery1.11.0手册

    jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) ... jQuery(callback) jQuery.holdReady(hold) ... $.each(object,[callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array,fn,[invert]) ...

    Jquery 1.3 简体中文手册

    $.each(object, [callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array, fn, [invert]) $.makeArray(obj) $.map(array, callback) $.inArray(value, array) $.merge(first, second) $.unique(array) 测试...

    JQuery 1.3 中文参考手册

    $.each(object, [callback]) $.extend([d],tgt,obj1,[objN]) $.grep(array, fn, [invert]) $.makeArray(obj) $.map(array, callback) $.inArray(value, array) $.merge(first, second) $.unique(array) 测试...

    jquery插件开发快速入门

    $.fn.myMethod = function (hash_obj) { // 处理 hash_obj 参数 return this.each(function () { // 执行操作 }); }; ``` **5.2 默认参数** 对于需要多个选项的方法,推荐使用默认参数来增强灵活性。通过 `$....

    jQuery函数命名四种方式总结

    $('#myButton').click($.proxy(obj.increment, obj)); // 当按钮被点击时,'increment'函数将在'obj'的上下文中运行 ``` `$.proxy`确保了`increment`函数中的`this`关键字指向`obj`,而不是点击事件的目标元素...

    jQuery 1.4.1 中文参考

    - `$.each()`:遍历对象或数组。 - `$.extend()`:对象合并。 - `$.grep()`、`$.makeArray()`、`$.map()`、`$.merge()`、`$.toArray()`:数组操作。 - `$.inArray()`:查找数组中的元素。 - `$.noop()`、`$.proxy()`...

    jquery中object对象循环遍历的方法

    在遍历数组时,$.each()与$.fn.each()基本相同,但前者更为通用。$.each()函数同样适用于数组,可以用来替代传统的for循环。例如: ```javascript var arr1 = ["one", "two", "three", "four", "five"]; $.each(arr...

    Jquery 1.51 API 中文版

    `$.extend(true, obj1, obj2)`可以实现深拷贝。 - **$.get() / $.post()**: 简化的Ajax请求方法,分别对应GET和POST请求。它们通常用于获取或提交简单数据。 - **$.ready()**: 页面加载完成后执行的函数,常用于...

Global site tag (gtag.js) - Google Analytics