資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚
法學有什麼改善 jQuery 選擇器效能的最佳實踐？
您需要進行最佳化以增強 jQuery 選擇器的效能。以下是其中一些技術
快取選擇器
快取可增強應用程式的效能。為了獲得更佳的效能，快取您的 jQuery 選擇器。這可以使用 ID 作為選擇器來完成。例如，這會快取選擇器並將其儲存在變數中。
var $elm = $("#elm");使用 $elm 變數，而不是使用 jQuery ID 選擇器
var $elm = $("#elm");
$elm.addClass(‘example’);使用 ID 選擇器
jQuery 是 JavaScript 庫。在 JavaScript 中，document.getElementById() 用於選擇 HTML 元素，這是最快的辦法。由於 jQuery 是基於 JavaScript 編寫的，因此，它會呼叫 JavaScript 函式來完成任務。在 jQuery 中，使用 ID 作為選擇器會呼叫 document.getElementById()，因此，請始終嘗試使用 ID 選擇器。
避免重複選擇器
不要重複您的選擇器，並使用鏈式呼叫，在一次呼叫中連結多個方法。不妨來看看下面的程式碼
以下是最佳化後的版本
$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);
更新於: 2019 年 12 月 9 日
1K+ 閱讀
廣告