JavaScript中的$符號是一個非常常見的運算符，它常用于選擇DOM元素，尤其是在jQuery中。然而，如果你深入研究了JavaScript，你就會接觸到另一個符號——$$. 在這篇文章中，我們將深入探討JavaScript中的$$符號，并討論它的用法和作用。 $$ 是一個在JavaScript中廣泛使用的方法，它可以用來查詢DOM元素。你可以將其看作是document.querySelectorAll()方法的縮寫。該方法接受一個CSS選擇器字符串作為參數，并返回一個NodeList對象，其中包含與查詢相匹配的所有元素。 以下是一個簡單的例子，演示了如何使用$$方法選擇所有的段落元素：

let paragraphs = $$("p");
console.log(paragraphs);

這樣的代碼將返回一個包含所有段落元素的數組。你可以通過循環遍歷該數組，并對其中的每個元素執行任意操作。 另外，你可以使用多種選擇器語法與$$方法一起使用。下面是一些常見的示例：

let heading = $$("h1");
let firstParagraph = $$("p:first-of-type");
let links = $$("a[href^='http']");

在這些示例中，我們使用了三種不同的選擇器語法——元素選擇器、偽類選擇器和屬性選擇器。 $$方法在選擇元素時，與document.querySelectorAll()方法類似，返回一個NodeList對象。這意味著你可以像對待數組一樣對待該對象，并使用類似forEach()、map()或filter()等數組方法對元素進行操作。 以下示例將演示如何使用filter()方法僅返回所有具有特定CSS類的元素：

let highlightedElements = $$("*").filter(function(element) {
return element.classList.contains("highlight");
});
console.log(highlightedElements);

在這個例子中，我們首先使用 * 選擇器選擇所有的DOM元素，然后使用filter()方法僅返回那些具有“highlight”類的元素。 盡管$$方法是使用純JavaScript開發，但它在許多JavaScript框架和類庫中也得到了廣泛應用。例如，AngularJS中就有一個稱為jqlite的子集，它使用一些簡化的選擇器語法，并在內部使用$$來選擇DOM元素。 從效率上看，$$方法比document.querySelectorAll()要快得多。這是因為它沒有瀏覽器實現的反向兼容代碼。因此，如果你需要選擇多個DOM元素，并且只使用了簡單的CSS選擇器語法，那么$$方法將是一個更快的選擇。 在結束之前，需要注意的是，$$方法在許多現代瀏覽器中得到了支持，但在某些較舊的瀏覽器中可能不起作用。因此，如果你必須要支持老舊的瀏覽器，那么就要小心使用$$方法，并且必須包含享元模式（polyfill）以確保瀏覽器的兼容性。 本文深入探討了JavaScript中的$$方法，以及它的用法和作用。從這篇文章中，你應該可以更好地理解如何使用$$方法，以便在你的JavaScript代碼中快速而輕松地選擇DOM元素。