jQuery是一款非常強大且廣泛使用的JavaScript庫。為了在使用時可以更加高效、簡化代碼,下面將分享一些jQuery最佳實踐。
1. 使用"$(document)"代替"$"
$(document).ready(function(){ // code here });
2. 使用"on"代替"click"
$("selector").on("click",function(){ // code here });
3. 避免多次選擇同一元素
// bad practice $("selector").hide(); $("selector").show(); // best practice var $selector = $("selector"); $selector.hide(); $selector.show();
4. 使用鏈式調用
// bad practice $("selector").hide(); $("selector").addClass("className"); // best practice $("selector") .hide() .addClass("className");
5. 使用"off"取消事件綁定
$("selector").on("click",function(){ // code here }); // later... $("selector").off("click");
6. 使用"data"屬性存儲數據
$("selector").data("key",value); var data = $("selector").data("key");
7. 避免全局污染
(function($){ // code here })(jQuery);
以上是一些jQuery最佳實踐,希望對你有所幫助。