首頁 >web前端 >js教程 >Chrome 開發者工具控制台中 $ 變數的用途是什麼?

Chrome 開發者工具控制台中 $ 變數的用途是什麼?

DDD
DDD原創
2024-10-22 14:12:02243瀏覽

What is the purpose of the $ variable in Chrome's Developer Tools console?

Chrome 中的$ 變數

問題:

問題:

問題:

    在開發者時在沒有jQuery 的頁面中,觀察到了一種奇怪的行為。在控制台中輸入“$”會傳回一個帶有本機程式碼的函數。該函數無法透過 window['$']、document['$'] 或 this['$'] 訪問,其用途仍然是個謎。
  • 答案:
  • Chrome 開發工具控制台中的 $ 變數發生了多次變更。它目前用作document.querySelector 的別名,並提供附加功能:
  • $(selector): 傳回與CSS 選擇器相符的第一個DOM 元素的參考,類似document.querySelector().
  • $$(selector): 傳回與CSS 選擇器相符的元素數組,有效取代document.querySelectorAll().

$_:

儲存最近計算的表達式的值。

$0、$1、$2、$3 和$4: 提供最後五個檢查的DOM 元素的歷史引用在「元素」面板或「設定檔」面板中的JavaScript 堆物件中。 值得注意的是,$$ 並不真正呼叫 document.querySelectorAll(),因為它傳回一個陣列而不是 NodeList。 Chrome 是唯一公開此 $ 變數的瀏覽器,它可以作為與 DOM 元素互動以及在開發人員工具控制台中存取各種表達式和物件的便捷快捷方式。

以上是Chrome 開發者工具控制台中 $ 變數的用途是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn