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] オブジェクトをマージする($.extend)

オブジェクトをマージするには、$.extend()を使用します。 サンプルソース 例1)obj1にobj2の値をマージす ...

[jQuery] テキストのカーソル位置を取得する(.selectionStart)

テキストボックスのカーソル位置を取得するサンプルです。 サンプルソース [crayon-5b7ad0a4ea57c939 ...

[jQuery] マウスポインタの座標を取得する

jQueryでマウスポインタの座標位置をリアルタイムで取得するサンプルです。 サンプルソース 例)マウスを動かすとリアル ...

[jQuery] 属性を削除する(.removeAttr)

属性を削除するには、removeAttrを使います。 サンプルソース 例)ボタンを押すと、テキストボックスのplaceh ...

[jQuery] keyDownイベントを設定する(.keydown)

jQueryでkeyDownイベントを記述するサンプルです。 サンプルソース 例)キーを押すと、キーコードを表示する [ ...

スポンサーリンク