ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery DOM ノード挿入操作ガイド_jquery
メソッド | 説明 | 例 |
追加() | 一致する各要素 の 内にコンテンツ | を追加します
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") 結果: こんにちは 言いたいこと: |
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。