Jquery中的$.each获取各种返回类型数据的使用方法

以下是Jquery中的$.each获取各种返回类型数据的使用方法的完整攻略：

1. 概述

$.each()是Jquery中一个非常方便的方法，可以在集合中迭代并对每个元素执行函数。可以用于循环数组、对象、DOM元素等各种返回类型数据。$.each()方法的语法如下：

$.each(collection, callback);

其中，collection参数是需要遍历的集合，callback参数是每次迭代需要执行的函数。

2. 遍历数组

遍历数组是$.each()中最常见的用法。下面是一个简单的遍历数组的示例：

var myArray = ["apple", "banana", "watermelon"];
$.each(myArray, function(index, value) {
  console.log(index + ": " + value);
});

运行代码，控制台将依次输出：

0: apple
1: banana
2: watermelon

在上面的示例中，第一个参数是需要遍历的数组myArray，第二个参数是一个回调函数。回调函数接收两个参数，第一个参数表示当前元素的索引，第二个参数表示当前元素的值。在函数中，我们通过控制台输出了每个元素和其索引。

3. 遍历对象

除了数组，$.each()还可以用来遍历对象。下面是一个遍历对象的示例：

var myObject = { a: 1, b: 2, c: 3 };
$.each(myObject, function(key, value) {
  console.log(key + ": " + value);
});

运行代码，控制台将依次输出：

a: 1
b: 2
c: 3

在上面的示例中，第一个参数是需要遍历的对象myObject，第二个参数是一个回调函数。回调函数接收两个参数，第一个参数表示当前元素的键名，第二个参数表示当前元素的值。在函数中，我们通过控制台输出了每个键值对。

4. 遍历DOM元素

除了数组和对象，$.each()还可以用来遍历DOM元素集合。下面是一个遍历DOM元素集合的示例：

var myParagraphs = $("p");
$.each(myParagraphs, function(index, element) {
  console.log(index + ": " + $(element).text());
});

运行代码，控制台将依次输出页面中所有的段落内容。

在上面的示例中，我们首先使用Jquery选择器$("p")选取了所有的p元素，将其存储在变量myParagraphs中。然后通过$.each()方法遍历了这个DOM元素集合。回调函数接收两个参数，第一个参数表示当前元素的索引，第二个参数是对应的DOM元素对象。通过Jquery的$(element)方法将DOM元素对象转换成Jquery对象，从而能够方便地获取元素内容。最后我们通过控制台输出了每个段落的内容。

结论

$.each()方法是Jquery中一个非常好用的遍历方法，可以用于遍历各种类型的数据。对于数组、对象和DOM元素集合，它都能够派上用场。可以根据不同的需求，选择灵活使用。