Juqery ラーニング 5 ドキュメント処理 Insertion_jquery

append(content)
一致する各要素にコンテンツを追加します。
この操作は、指定された要素に対して appendChild メソッドを実行して、要素をドキュメントに追加するのと似ています。
----------------------------------------------- --- ----------------------------------
一致したすべての要素の内側にコンテンツを追加します。
この操作は、指定されたすべての要素に対して appendChild を実行し、それらをドキュメントに追加するのと似ています。
戻り値
jQuery
パラメーター
コンテンツ (文字列、要素、jQuery): C toコンテンツ
の例
は、すべての段落にいくつかの HTML タグを追加します。
HTML コード:

言いたいこと:

jQuery コード:
$("p").append("Hello");
結果:
[

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

]
-
------------- - ------------------------------------------------- - ------------------------------------------------- - -----------------------------
appendTo(content)
一致するものをすべて追加要素は、別の指定された要素セットに追加されます。
実際、このメソッドを使用すると、従来の $(A).append(B) 操作が逆になります。つまり、B を A に追加する代わりに、A が B に追加されます。
----------------------------------------------- --- ----------------------------------
一致したすべての要素を指定された別の要素に追加します
この操作は基本的に、通常の $(A).append(B) の逆であり、B を A に追加するのではなく、A を B に追加します。
戻り値
jQuery
パラメータ
content (文字列): 追加されたコンテンツに使用されます
例
ID 値 foo の要素にすべての段落を追加します。
HTML コード:

言いたいこと:

jQuery コード:
$("p").appendTo("#foo") ;
結果:

言いたいこと:

------ ------ -------------------------------------------- ------ -------------------------------------------- ------ ------------------------
prepend(content)
一致する各要素内にコンテンツを先頭に追加します。
これは、一致するすべての要素の先頭にコンテンツを挿入する最良の方法です。
----------------------------------------------- --- ----------------------------------
一致したすべての要素の内側にコンテンツを先頭に追加します。
この操作は、一致したすべての要素の先頭に要素を挿入する最良の方法です。
戻り値
jQuery
パラメータ
内容 (文字列、要素、jQuery):ターゲット要素に挿入 フロントエンド コンテンツ
例
すべての段落の先頭に HTML マークアップ コードを追加します。
HTML コード:

言いたいこと:

jQuery コード:
$("p").prepend("Hello");
結果:
[ こんにちは

言いたいこと:

]
------ -------------------------------------------------- ------------
すべての段落の前に DOM 要素を配置します
HTML コード:

言いたいこと:

I言いたいこと:

こんにちは
さようなら
jQuery コード:
$("p").prepend( $ (" .foo")[0] );
結果:

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

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

こんにちは
さようなら
---------------- -- ------------------------------------------------ -- --------------
すべての段落に jQuery オブジェクト (DOM 要素の配列と同様) を追加します。
HTML コード:

言いたいこと:

こんにちは
jQuery コード:
$("p").prepend( $("b ") );
結果:

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

---------------- -------------------------------------------------- -------------------------------------------------- -----------------------------
prependTo(content)
一致するすべての要素を別の に先頭に追加します。指定された要素要素のコレクション。
実際、このメソッドを使用すると、従来の $(A).prepend(B) 操作が逆になります。つまり、B を A の先頭に追加する代わりに、A が B の先頭に追加されます。
----------------------------------------------- --- ----------------------------------
一致したすべての要素を、指定された別の要素の先頭に追加します
この操作は基本的に、通常の $(A).prepend(B) の逆であり、B を A の先頭に追加する代わりに、A を B の先頭に追加します。
戻り値
jQuery
パラメータ
content (文字列): 要素の一致に使用される jQuery 式
例
すべての段落を ID 値 foo の要素に追加します。
HTML コード:

言いたいこと:

jQuery コード:
$("p").prependTo("#foo") ;
結果:

言いたいこと:

----------------------------------------------- --- --------------------------------------------------- --- --------------------------------------------------- ---
after(content)
一致する各要素の後にコンテンツを挿入します。
----------------------------------------------- --- ----------------------------------
一致した各要素の後にコンテンツを挿入します。 🎜>戻り値
jQuery
パラメータ
content (文字列、要素、jQuery): 各ターゲットの後に挿入されるコンテンツ
例
すべての段落の後に HTML マークアップ コードを挿入します。
HTML コード:

言いたいこと:

jQuery コード:
$("p").after("
Hello"); 結果:

言いたいこと:

こんにちは ------ ------ -------------------------------------------- ------ ----------
すべての段落の後に DOM 要素を挿入します。
HTML コード:

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

jQuery コード:
$("p").after( $("# foo")[0] );
結果:

言いたいこと:

こんにちは ----------- -------------------------------------------------- ------------------
すべての段落の後に jQuery オブジェクト (DOM 要素の配列と同様) を挿入します。
HTML コード:

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

jQuery コード:
$("p").after( $("b ") );
結果:

言いたいこと:

こんにちは ---------------- -------------------------------------------------- -------------------------------------------------- -----------------------------
before(content)
一致する各要素の前にコンテンツを挿入します。
----------------------------------------------- --- ----------------------------------
一致した各要素の前にコンテンツを挿入します。 🎜>戻り値
jQuery
パラメータ
content (文字列、要素、jQuery): 各ターゲットの前に挿入されるコンテンツ
例
すべての段落の前に HTML マークアップ コードを挿入します。
HTML コード:

言いたいこと:

jQuery コード:

$("p").before("
Hello
"); 結果: [
こんにちは
言いたいこと: ]

------ -------------------------------------------------- ------------

すべての段落の前に要素を挿入します。
HTML コード:

言いたいこと:

こんにちは

jQuery コード: $("p").before( $("# foo")[0] );
結果:

こんにちは
言いたいのですが:

----------- -------------------------------------------------- ------------------

すべての段落の前に jQuery オブジェクト (DOM 要素の配列と同様) を挿入します。
HTML コード:

言いたいこと:

こんにちは

jQuery コード: $("p").before( $("b ") );
結果:

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

---------------- -------------------------------------------------- -------------------------------------------------- -----------------------------

insertAfter(content)
一致するすべての要素を別の要素に挿入します。指定された要素が続きます。要素のセット。
実際、このメソッドを使用すると、従来の $(A).after(B) 操作が逆になります。つまり、A の後に B を挿入する代わりに、B の後に A が挿入されます。
----------------------------------------------- --- ----------------------------------
指定された別の要素の後に、一致したすべての要素を挿入します
この操作は基本的に、通常の $(A).after(B) の逆であり、A の後に B を挿入するのではなく、B の後に A を挿入します。
戻り値
jQuery
パラメータ
content (文字列): 要素を照合するための jQuery 式
例
すべての段落の後に要素を挿入します。 $("#foo").after("p")
HTML コードと同じ:

言いたいこと:

こんにちは

jQuery コード:

$("p").insertAfter("#foo");
結果:

こんにちは

言いたいのですが:

-- -------------------------------------------------- -------------------------------------------------- --------------------------------------

insertBefore( content)
一致するすべての要素を、指定された別の要素セットの前に挿入します。
実際、このメソッドを使用すると、従来の $(A).before(B) 操作が逆になります。つまり、A の前に B を挿入する代わりに、A が B の前に挿入されます。
----------------------------------------------- --- ----------------------------------
一致したすべての要素を、指定された別の要素の前に挿入します
この操作は基本的に、通常の $(A).before(B) の逆であり、A の前に B を挿入するのではなく、B の前に A を挿入します。
戻り値
jQuery
パラメータ
content (文字列): 要素を照合するための jQuery 式
例
すべての段落の前に要素を挿入します。 $("#foo").before("p") と同じです。
HTML コード:

こんにちは

言いたいこと:

jQuery コード:

$("p").insertBefore("#foo" );
結果:

言いたいこと:

こんにちは