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] マッチした要素に加えて、1つ前にマッチした要素を加える(.addBack)

マッチした要素に加えて、1つ前にマッチした要素を加えるには、.addBack() を使用します。 構文 (構文) .ad ...

[jQuery] 選択されたラジオボタンの値を取得する

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

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

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

[jQuery] 他要素のイベントを実行する

他要素のイベントを実行するサンプルです。 サンプルソース 例)「ボタン2」をクリックすると、「ボタン1」のクリックイベン ...

[jQuery] プロパティを削除する(.removeProp)

プロパティを削除するには、.removeProp()を使用します。 サンプルソース 例)プロパティ「checked」を削 ...

スポンサーリンク