1

現在、次のコードを使用して、特定の要素をDOMに追加しています。

$('<p/>', { html: data } ).appendTo('.columnLeft');

しかし、多くの要素を追加する必要があるため、パフォーマンスについて少し心配しています。使用する前に{ html: data }試しまし{ text: data }た。しかし、データ変数にhtmlが含まれていることがあるため、これをに変更しました{ html: data }。私は実際にパフォーマンスを測定するためのツールを持っていないので、ここの誰かが何が速いか知っているかどうか疑問に思いましたか?

読んでくれてありがとう!

以下にコメントするように、私はあなたがここでそれを見ることができる私自身のテストケースを作りました。テストによると、アダムが与えた解決策は最速です。

4

1 に答える 1

3

jQueryを使用してHTML要素をDOMに追加する最も速い方法は、次のようにHTML文字列として追加することです。

var myHTML = '<p>'+data+'</p>';
$('.columnLeft').append(myHTML);

そうすれば、jQueryは、実際にDOMに追加される前にDOM要素を作成する必要がないというプロセスを経ることはありません。

于 2012-06-22T11:17:17.193 に答える