jQuery Misc toArray()方法

下面为你详细讲解 "jQuery Misc toArray()方法" 的完整攻略：

toArray() 方法概述

toArray() 是 jQuery 中的一个方法，它可以将 jQuery 对象转换为普通的 JavaScript 数组。该方法不会修改原始的 jQuery 对象。

具体来说，当你使用选择器或其他 jQuery 方法查找页面中的元素时，你得到的是一个 jQuery 对象。如果你想将该对象转换成数组，以便使用 JavaScript 数组方法或者遍历，这时可以使用 toArray() 方法，将 jQuery 对象转换成普通数组。

toArray() 方法语法

以下是 toArray() 方法的语法：

$(selector).toArray();

toArray() 方法示例1

下面是一个使用 toArray() 方法将 jQuery 对象转换成普通数组的示例。假设我们有一个 HTML 页面，其中有一个 ul，其中包含了三个 li 元素。该示例演示如何使用 toArray() 方法将所有 li 元素转换为数组，然后使用 forEach() 方法遍历该数组：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

//获取所有的 li 元素
var li_elems = $("li");

//将 jQuery 对象转换为数组
var li_arr = li_elems.toArray();

//使用 forEach 遍历该数组
li_arr.forEach(function(item) {
  console.log(item.innerText);
});

运行结果：

列表项1
列表项2
列表项3

toArray() 方法示例2

下面是一个使用 toArray() 方法获取指定表单中所有的选择框元素的示例。该示例演示了如何使用 toArray()方法来查找指定表单元素中的所有选框元素：

<form id="myForm">
  <input type="text" name="name">
  <input type="checkbox" name="lang" value="java">
  <input type="checkbox" name="lang" value="js">
  <input type="checkbox" name="lang" value="python">
</form>

// 获取具有 name 属性为 lang 的所有选择框元素
var chk_elems = $("#myForm [name='lang']");

// 将 jQuery 对象转换为数组
var chk_arr = chk_elems.toArray();

// 显示输出每个选择框元素的值
chk_arr.forEach(function(item) {
  console.log(item.value);
});

输出结果：

java
js
python

以上就是关于 toArray() 方法的完整攻略，希望本次分享对你有所帮助。