js几个不错的函数 $$()

当我们在操作 DOM 元素时，选择器是一个非常重要的部分。虽然在实现选择器时，使用 querySelector() 和 querySelectorAll() 不是最佳选择，但它们确实是使用最频繁的选择器。

然而，现在有一个新兴的 DOM 选择器，即 $$() 函数，它是一个 querySelectorAll() 的别名。虽然在一些场景下不如 querySelectorAll()，但是在其他情况下，它的效率却相当高。下面将详细讲解 $$() 函数的各种用法。

语法

$$() 接受一个 CSS 选择器作为参数，并返回一个类似于数组的对象，其中包含所有与该选择器匹配的元素。

语法：$$('selector')

示例：

1. 选取所有 <div> 元素:

const divs = $$('div');

1. 选取所有类名为 "my-class" 的元素:

const myClass = $$('.my-class');

拓展语法

$$() 函数还支持其他一些特殊的拓展语法，如下所示：

• $$('selector', DOMElement): 在特定元素的子元素中搜索。

const container = document.querySelector('.container');
const divsInContainer = $$('.div', container);

• $$('selector', DocumentFragment): 在文档片段中搜索。

const fragment = new DocumentFragment();
const divsInFragment = $$('div', fragment);

• $$('selector', NodeList): 在 NodeList 列表中搜索。

const listItems = document.querySelectorAll('li');
const spansInList = $$('span', listItems);

• $$('selector', Array): 在数组中搜索。

const arr = [document.querySelector('#one'), document.querySelector('#two'), document.querySelector('#three')];
const divsInArr = $$('div', arr);

以上是 $$() 函数的完整攻略，如有不懂之处可以提出来。