jQuery removeとemptyによるDOM要素削除方法の違い

覚えておきたいのでメモ。

jQueryでDOM要素の削除方法は２通りある。
f:id:kojikoji75:20140520214429j:plain
photo credit: Johannes_wl via photopin cc

スポンサーリンク

remove()

そのDOM要素自体を削除する。

empty()

そのDOM要素の子要素のみを削除する。

remove()の使用例と結果

html

<body>
<div id="sample">
<p>子</p>
</div>
</body>

jQuery

$("#sample").remove();

結果

<body>
</body>

remove()の使用例と結果

html

<body>
<div id="sample">
<p>子</p>
</div>
</body>

jQuery

$("#sample").empty();

結果

<body>
<div id="sample">
</div>
</body>

Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)

Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)

コアjQuery＋プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)

コアjQuery＋プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)

タイトルとURLをコピーしました