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] 子要素を取得する(.find)

指定した要素の子要素(孫要素以下も含む)を取得するには、.find()を使用します。 サンプルソース 例)定義リストの子 ...

[jQuery] CSSスタイルを設定する(.css)

jQueryでCSSスタイルを設定するには、.css()を使用します。 構文 セレクタに対してスタイルを指定する(プロパ ...

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

[jQuery] 選択されたチェックボックスの値を取得する

選択されたチェックボックスの値を取得するサンプルです。 サンプルソース 例)ボタンを押すと選択された全チェックボックスの ...

[jQuery] JSONデータを取得する

JSONデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとtest.jsonを読込み、結果をコンソールに ...

スポンサーリンク