jQuery

[jQuery] 要素内の末尾にタグを追加する(.append)

投稿日:2017年6月15日 更新日:

要素の後にタグを追加するには、appendを使用します。

サンプル

例)ボタンを押すと、要素の後にxyzを追加する

実行例

ボタンを押すと要素(abc)の後ろに要素(xyz)を追加します。。

abc

afterとの違い

似たメソッドに .afterがありますが、afterは対象要素の外側の末尾に追加するのに対し、appendは対象要素の内側の末尾に追加されるという違いがあります。

after、appendの違い
例)「<div>abc</div>」に追加する  「.after("<b>xyz</b>");」の場合   →<div>abc</div><b>xyz</b>  「.append("<b>xyz</b>");」の場合   →<div>abc<b>xyz</b></div>

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

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

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

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

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

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

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

[jQuery] チェックボックスのオンオフ状態を取得する

jQueryでチェックボックスのオンオフ状態を取得するサンプルです。 サンプルソース 例)チェックボックスのチェック状態 ...

[jQuery] GETリクエストを送信する($.get)

GETリクエストを送信するには、$.get()を使用します。 構文 (構文) $.get(<URL> [,<データ> , ...

スポンサーリンク