jQuery.each()循环方法的用法

jQuery.each() 循环方法

jQuery.each() 是jQuery中的一个循环方法，它可以用来对jQuery的对象或者数组进行遍历操作。它的语法格式如下：

jQuery.each( array, callback(indexInArray, valueOfElement) )

其中，array参数可以是一个jQuery对象，也可以是一个JavaScript数组，callback参数是一个回调函数，它的两个参数分别表示当前元素在数组中的位置和当前元素的值。

下面，我们来看一个简单的例子，使用jQuery.each()对一个数组进行遍历：

var arr = [ "apple", "orange", "banana" ];
$.each(arr, function(index, value){
    console.log(index + ":" + value);
});
// 输出：
// 0:apple
// 1:orange
// 2:banana

jQuery.each()还可以用来遍历jQuery对象，例如：

$("div").each(function(index, element){
    console.log(index + ":" + $(element).text());
});
// 输出：
// 0:div1的文本内容
// 1:div2的文本内容
// 2:div3的文本内容

jQuery.each()还可以用来循环jQuery对象的属性，例如：

$("div").each(function(index, element){
    console.log(index + ":" + $(element).attr("id"));
});
// 输出：
// 0:div1
// 1:div2
// 2:div3

jQuery.each()还可以用来循环jQuery对象的data属性，例如：

$("div").each(function(index, element){
    console.log(index + ":" + $(element).data("name"));
});
// 输出：
// 0:div1
// 1:div2
// 2:div3

jQuery.each()是一个非常强大的循环方法，它可以用来遍历jQuery对象或者数组，也可以用来循环jQuery对象的属性和data属性。