jQuery

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

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

要素を削除するには、removeを使用します。

サンプルソース

例)ボタンクリックで、id="dv1"要素を削除する

実行サンプル

ボタンをクリックすると、「いぬ」がremoveされます。

いぬ
ねこ

解説

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

関連項目


スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 適用したメソッドを戻す(.end)

.end()を使うと、メソッドチェーンで適用したメソッドを戻すことができます。 サンプルソース 例)リストの3番目のオブ ...

[jQuery] 配列内の要素の有無を判定する($.inArray)

配列内の要素の有無を判定するには、inArrayを使用します。 サンプルソース 例)数値配列arrに、3が存在するか判定 ...

[jQuery] 要素のtop、leftを設定する

jQueryで要素のtop、leftを設定するサンプルです。 サンプルソース 例)要素(id="btn1")のtopを1 ...

[jQuery] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

[jQuery] function内でのthisの対象を明示的に指定する($.proxy)

function内でのthisの対象を明示的に指定するには、$.proxy()を使用します。 サンプルソース 例)Fun ...

スポンサーリンク