jQuery 1.10.2 支持 each 方法

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历和操作、事件处理、动画和 Ajax 交互，是许多开发者在开发 Web 应用时的首选工具，本文将详细介绍 jQuery 1.10.2 版本中的 each 方法，以及如何使用该方法来遍历和操作 DOM 元素。

让我们了解什么是 each 方法，在 jQuery 中，each 方法是一个迭代器，它允许你对 jQuery 对象中的每个元素执行一个函数，这个方法非常有用，因为它允许你编写更简洁的代码来处理集合中的元素，而不是单独处理每个元素。

jQuery 1.10.2 版本是在 2014 年发布的，它包含了许多新特性和改进，同时也保持了对旧版本特性的支持，each 方法在 jQuery 1.10.2 中得到了很好的支持，并且可以与之前的版本兼容。

下面是一个使用 each 方法的基本示例：

// 假设我们有一个包含三个列表项的无序列表
<ul id="myList">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>
// 使用 jQuery 选择器获取这些列表项
var items = $('#myList li');
// 使用 each 方法遍历这些列表项
items.each(function(index) {
  // 在这里，我们可以访问当前元素（this）和它的索引（index）
  console.log('索引 ' + index + ' 的内容是 ' + $(this).text());
});

在上面的示例中，我们首先创建了一个包含三个列表项的无序列表，我们使用 jQuery 选择器获取这些列表项，并使用 each 方法遍历它们，在 each 方法的回调函数中，我们可以通过 this 关键字访问当前遍历到的元素，同时通过参数 index 获取当前元素的索引。

each 方法不仅可以用于遍历 DOM 元素，还可以用于遍历普通的 JavaScript 对象。

// 创建一个对象
var myObject = {
  name: '张三',
  age: 30,
  gender: '男'
};
// 使用 each 方法遍历对象的属性
$.each(myObject, function(key, value) {
  console.log('属性 ' + key + ' 的值是 ' + value);
});

在这个例子中，我们创建了一个包含三个属性的对象，并使用 $.each 方法（这是 each 方法的另一个名称）来遍历这些属性，在回调函数中，我们可以通过 key 和 value 参数分别访问对象的属性名和属性值。

each 方法的另一个强大之处在于它允许你在遍历过程中修改元素，我们可以在遍历列表项时更改它们的文本内容：

$('#myList li').each(function() {
  // 使用 this.text() 修改当前元素的文本内容
  $(this).text('新内容');
});

在这个例子中，我们遍历了列表项，并使用 $(this).text('新内容') 方法将它们的文本内容修改为“新内容”。

jQuery 1.10.2 版本完全支持 each 方法，它是一个非常有用的工具，可以帮助你更高效地处理 DOM 元素和普通对象，通过 each 方法的使用，你将能够编写更简洁、更高效的 jQuery 代码。