jQuery removeとemptyによるDOM要素削除方法の違い
覚えておきたいのでメモ。
jQueryでDOM要素の削除方法は２通りある。
photo credit: Johannes_wl via photopin cc
remove()
そのDOM要素自体を削除する。
empty()
そのDOM要素の子要素のみを削除する。
remove()の使用例と結果
html
<body> <div id="sample"> <p>子</p> </div> </body>
$("#sample").remove();
結果
<body> </body>
remove()の使用例と結果
html
<body> <div id="sample"> <p>子</p> </div> </body>
$("#sample").empty();
結果
<body> <div id="sample"> </div> </body>
あわせて読みたい
jQueryでオシャレかつ機能的なフォーム画面を実装 formly.js - TechNote
社内システムだったら必ずフォームのPost送信は多用するし、Webサイトであっても入力画面が存在するところには必ずフォームは必要となる。そんなとき、簡単にオシャ...
BootStrap 向けのdatepickerによるカレンダー実装は簡単便利 だけどieには不向きか - TechNote
BootStrap向けのdatepickerによるカレンダー実装が簡単かつ便利だったので使用方法をメモ。1.ダウンロード現在はちゃんと日本語対応版も出ているよう...
![Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)](https://m.media-amazon.com/images/I/51SB3qDuV9L._SL500_.jpg "Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)")
