jQuery : 要素の操作は必ずAPIを使うべし : typeOf 'aki_mana'

身近なところで話題になったので。 過去にも、「empty() とか remove() するより、DOMオブジェクトにアクセスして innerHTML = ”” した方が速いよ！」というブログエントリを投下する方が多かったのですが、「必ずAPIを使う」こと。 理由は、「メモリリークの温床だから」 GitHub で manipulation.js のソース読めば判るとおり、結構頻繁に jQuery.cleanData() が実行されてます。― jQuery.cleanData() メソッドは、data() API として独自に実装された「各要素と紐づけられるキー・バリューストア（メモリストア）」に対する処理なので、innerHTML を使う場合でも、jQuery.cleanData() を使うなら、まぁ問題無いです。 要するに、jQuery （Zeptoみたいな類似ライブラリもそう）は、常にH

[teramako]

jQuery が WeakMap を使用したら問題は解決しそう

[d_animal141]

typeOf 'aki_mana' : jQuery : 要素の操作は必ずAPIを使うべし

[suneo3476z_tn]

"唯一、JavaScriptに実装されたDOMを直接操作していいのは、メモリ上で DocumentFragment を作って、動的にマークアップ構造を構築し、これを $( fragment ) としてjQuery にラップさせるとき。"

[yamadar]

表題の通り。メモリリークするから、remove() や empty() 使おうぜっていう話です。

[terkel]

jQuery は内部でメモリのクリーンアップが適切に行われているので、DOM を操作する場合は innerHTML などよりも jQuery API を使うべし

[sakuragaoka]

なるほどー。