jQuery

[jQuery] 要素を削除する(.empty)

投稿日:2017年7月30日 更新日:

要素を削除するには、.empty()を使用します。

サンプルソース

例)ボタンを押すとid="list1"要素を削除する

実行サンプル

ボタンを押すとリストをemptyメソッドを使って削除します。

  • いぬ
  • ねこ
  • たぬき

解説

  • emptyで削除すると、子の属性やイベントも同時に削除されます。
  • 要素を削除するメソッドには.remove()もあり、違いは以下の通りです。
     empty:指定した要素の中身のみ削除する
      例)<div id="d1">あああ</div> をemptyする ⇒ <div id="d1"></div>
     remove:指定した要素そのものを削除
      例)<div id="d1">あああ</div> をremoveする ⇒ ""

関連項目


スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素の横幅と高さを取得する

要素の横幅と高さを取得するには、outerWidth/outerHeight、innerWidth/innerHeigh ...

[jQuery] classの適用・非適用を切り替える(.toggleClass)

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。 サンプルソース 例)ボタンを押すと ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] マウスボタン押し下げイベントを設定する(.mousedown)

jQueryでマウスボタン押し下げイベントを記述するには、.mousedown()を使用します。 サンプルソース 例)マ ...

[jQuery] 時間差で処理を行う(.delay)

時間差で処理を行うサンプルです。 サンプルソース 例)2秒後にクラス'abc'を適用する [crayon-5bc75b9 ...

スポンサーリンク