;div>
コードをコピー コードは次のとおりです:
$("#content").on ("click ","div",function(){ $(this).css("color","#ff5500");
});
var content = "";
$(" #head").html(content);
});
7. ループを正しく処理します
ループは時間のかかる操作です。セレクターを使用して要素を直接選択できる場合は、ループを使用して要素を 1 つずつ走査しないでください。
JavaScript のネイティブ メソッド for および while は、jQuery の each() よりも高速です。したがって、ネイティブ メソッドを最初に使用する必要があります。
8. JQuery オブジェクトの生成を削減します
Query オブジェクトを生成すると、対応するプロパティとメソッドが生成され、より多くのリソースが必要になります。したがって、jQuery オブジェクトの生成を減らすようにしてください。
9. 変数のスコープ
複数の関数呼び出しで変数が必要ない場合は、コード実行時のコード検索時間を短縮するために変数を関数内に配置する必要があります。
10. 特定の関数を $(window).load の実行に延期する
$(document).ready は非常に使いやすいですが、ページのレンダリング時に他の要素がダウンロードされる前に実行できます。
11. スクリプトのマージ
スクリプトは 1 つずつロードされるため、スクリプトの数を減らすと効率も向上します。
12. 要素のカプセル化
コンテンツをノードに挿入する場合、最初にコンテンツをカプセル化してから挿入できます。
コードをコピー コードは次のとおりです:
var content = "";
$(" #head").html(content);
もう 1 つは、js ファイルを圧縮することです。
jQuery が使用され続けるにつれて、より多くの最適化方法が発見されるでしょう。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。