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

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

スポンサーリンク