jQueryの高速化Tips

jQueryの高速化Tips

セレクタはid属性優先

id属性は、最初の1つを見つけたら以降のチェックはしないため負荷が軽い(class属性の場合はページの最後までチェックする)。

何度も利用するjQueryオブジェクトは変数に入れて利用

jQueryオブジェクトの生成には負荷がかかるので何度も同じオブジェクトを利用する場合は変数に格納する。

<code>myTarget = $("#testArea");
for (i = 0; i < 1000; i++) {
	myTarget.append(' ' + i);
}</code>

メソッドチェーンを利用する

jQueryオブジェクトを減らせるので高速化するただし返値でjQueryオブジェクトを返すメソッドのみ利用可能
メソッドチェーンを利用する例

<code>$("button").click(function () {
 $("div").css("background","#FC9").text("クリック検知");
});
</code>

LEAVE A REPLY

*
*
* (公開されません)