ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery DOM ノード挿入操作ガイド_jquery

jQuery DOM ノード挿入操作ガイド_jquery

WBOY
WBOYオリジナル
2016-05-16 16:11:171056ブラウズ

を追加します prependTo()後()一致する各要素の後にコンテンツを挿入します
メソッド 説明
追加() 一致する各要素 内にコンテンツ

HTML コード:

言いたいこと:

jQuery コード:

$("p").append("こんにちは");

結果:

言いたいこと:こんにちは

appendTo()

一致するすべての要素を指定された要素に追加します

。実際、この方法を使用すると、慣例を逆にすることになります

の $(A).append(B) の操作は、A を B に追加することです。

HTML コード:

言いたいこと:

jQuery コード:

$("Hello").appendTo("p")

結果:

言いたいこと:こんにちは

prepend() 一致する各要素の 内にコンテンツ を追加します HTML コード:

言いたいこと:

jQuery コード:

$("p").prepend("Hello")

結果:

こんにちは言いたいことがあります:

一致するすべての要素を指定された要素の先頭に追加します

。実際、この方法を使用すると逆さまになります

通常の $(A).prepend(B) オペレーション。

HTML コード:

言いたいこと:

jQuery コード:

$("Hello").prependTo("p")

結果:

こんにちは言いたいことがあります:

HTML コード:

言いたいこと:

jQuery コード:

$("p").after("こんにちは")

結果:

言いたいこと:

こんにちは

insertAfter()

一致するすべての要素を指定された要素に挿入します

要素の後に、実際にはこのメソッドを使用します

通常の $(A).after(B) 操作を反転します

HTML コード:

言いたいこと:

jQuery コード:

$("こんにちは").insertAfter("p")

結果:

言いたいこと:

こんにちは

前() 一致した各要素の前にコンテンツを挿入します

HTML コード:

言いたいこと:

jQuery コード:

$("p").before("こんにちは")

結果:

こんにちは

言いたいことがあります:

insertBefore()

一致するすべての要素をインデックスに挿入します

特定の要素の正面。実は、

このメソッドを使用すると、慣例が逆転します

の $(A).before(B) オペレーション。

HTML コード:

言いたいこと:

jQuery コード:

$("こんにちは").insertBefore("p")

結果:

こんにちは

言いたいこと:

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。