jQuery経由で新しいコンテンツを追加する方法

この記事では、jQuery で新しいコンテンツを追加するためのさまざまな方法を紹介します。参考になると幸いです。みんなに。 。

jQuery を通じて新しいコンテンツを追加する方法は数多くあります。append() メソッドと prepend() メソッドを使用して、選択した要素の末尾と先頭にコンテンツを挿入できます。

推奨学習: [jQuery チュートリアル]

append() メソッド

append() メソッドは次のとおりです。選択した要素の最後にコンテンツを挿入します

$(selector).append(content);
 标签        内容

ボタンをクリックすると、p 要素の後に hello テキストを追加します

$("button").click(function(){
$("p").append(" <b>Hello</b>");
})

追加に加えて、 () メソッドの他に、appendTo() メソッドがあり、どちらも要素の最後にコンテンツを挿入することを意味しますが、appendTo() を使用すると、選択した要素がコンテンツで反転されます

appendTo() メソッド

$(content).appendTo(selector)
  内容       标签

ボタンをクリックすると、p の後ろに hello テキストを追加します。 element

$("button").click(function(){
$("<b>Hello</b>").append(" p");
})

prepend() メソッド

prepend() メソッドは、選択した要素の先頭にコンテンツを挿入します。使用方法は append()

$(selector).prepend(content)
  标签      内容

##prependTo() メソッド

$(content).prependTo(selector)
  内容      标签

コード表示 ##クリック後の効果図

概要: 上記はこの記事で共有される内容であり、jQuery の追加方法を学習する皆さんに役立つことを願っています。

#

以上がjQuery経由で新しいコンテンツを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。