大量の を生成する jQuery プラグインを作成していdivsます。最初はappend、以下の関数を使用してすべての要素を作成していました。
var myObject= $('<div></div>').addClass('myobjectname');
parentObject.append(myObject);
私はこのように作成された多くの要素を持っており、それぞれにdata関連するさまざまな要素があります.しかし、後でjQueryの最適化について詳しく読み始めたとき、パフォーマンスに関しては、DOM操作関数のようなものは非常にコストがかかることがmyObject.data('mykey',ajavascriptobject);
わかりました.append
今、div構造全体を文字列として作成し、それを全体として親DOMオブジェクトに追加しようとしています。これにより、パフォーマンスが大幅に向上するはずです。
var i=0;
var myBigString = [];
myBigString[i++] = "<div class=\"myobjectname\">";
myBigString[i++] = "my content";
myBigString[i++] = "</div>";
parentObject.append(myBigString.join(''));
関数を使用して、data()各オブジェクトの詳細を保存し、後でアクセスできるようにしています (クリック/マウスオーバーなど)。でも今は全体div構造の文字列を作っているので、
data文字列として作成し、後でDOMに追加する場合、要素にどのように関連付けることができますか?