資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究提升 jQuery 選擇器效能的最佳實踐是什麼？
要提升 jQuery 選擇器的效能，需要執行的最佳化。以下是其中的一些技巧
快取選擇器
快取可以提升應用程式的效能。快取 jQuery 選擇器以提高效能。可以透過使用 ID 作為選擇器來實現。例如，這會快取選擇器並將結果儲存在變數中。
var $elm = $("#elm");不要使用 jQuery ID 選擇器，而要使用 $elm 變數
var $elm = $("#elm");
$elm.addClass(‘example’);使用 ID 選擇器
jQuery 是一個 JavaScript 庫。在 JavaScript 中，document.getElementById() 用來選擇 HTML 元素，這是最快的辦法。由於 jQuery 是在 JavaScript 基礎之上編寫的，因此它會呼叫 JavaScript 函式來完成任務。使用 ID 作為 jQuery 中的選擇器，會呼叫 document.getElementById()，因此，請始終嘗試使用 ID 選擇器。
避免重複選擇器
不要重複選擇器，而是使用鏈式，在一個呼叫中對多個方法進行連結。假設有以下程式碼
以下是經過最佳化的版本
$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);
更新於： 2019-12-09
1K+ 瀏覽
廣告