jQuery.each()使用方法

简介

jQuery.each() 是 jQuery 的一个核心方法，它可用于迭代任何可以使用对象或数组的集合。 通过该方法，我们可以很方便地对集合中的每个元素进行操作。

使用方法

jQuery.each() 方法接受两个参数：要迭代的对象或数组，以及对每个元素执行的回调函数。

    $.each(collection, function(index, value) {
        // 对元素执行的操作
    });

其中，collection 参数可以是任何能够使用迭代器的集合，如：

• 数组
• 类数组对象（如 NodeList、arguments 对象和 jQuery 对象）
• 纯对象（除了原型链上的属性）

回调函数的参数包含元素的索引和值。这些参数可以根据需要命名，但通常称为 index 和 value。

如果在回调函数中返回 false，则会停止迭代。

示例

以下是一个简单的例子，说明如何使用 jQuery.each() 迭代数组：

    var arr = [ "a", "b", "c", "d" ];
    $.each(arr, function( index, value ) {
        console.log( index + ": " + value );
    });

这将输出：

    0: a
    1: b
    2: c
    3: d

以下是一个示例，说明如何使用 jQuery.each() 迭代对象：

    var obj = {
        name: "John",
        age: 30,
        city: "New York"
    };
    $.each(obj, function( key, value ) {
        console.log( key + ": " + value );
    });

这将输出：

    name: John
    age: 30
    city: New York

总结

jQuery.each() 是一个强大而灵活的方法，可用于迭代各种类型的集合。通过传递回调函数作为第二个参数，我们可以对集合中的每个元素执行自定义操作。