jqueryで子要素を追加する方法

子要素を追加する方法: 1. "$(親要素).append(子要素)" ステートメントを使用します; 2. "$(親要素).prepend(子要素)" ステートメントを使用します。 3. "$(子要素).appendTo(親要素)" ステートメントを使用します; 4. "$(子要素).prependTo(親要素)" ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

#jquery は子要素を追加します

1、メソッドを追加します

一致する各要素の末尾にパラメータの内容を挿入します。

パラメータ タイプの説明:

1) 通常の文字列 (さまざまな HTML タグを含めることができます)

$('body').append('html字符串');

2) jQuery オブジェクト

① $ 関数を使用して新しい要素 (jQuery オブジェクト) を作成します。

② $ 関数を使用してページ上の既存の要素 (jQuery オブジェクト) を取得します。
このとき、既存の要素はターゲット要素に移動されます。つまり、要素は切り取られます。

<script type="text/javascript">
    $(function(){
            $getParagraph=$("p");//运行后p段落会变成div的子元素
            $("#oo").append($getParagraph);
        }
    );
</script>

<p>段落</p>
<div id="oo">div</div>

③ clone メソッドを使用して、ページ内の既存の要素 (jQuery オブジェクト) を複製します。

$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素

3 ) html 要素オブジェクト、html 要素オブジェクト配列

==== 上記タイプの複数のパラメータを渡すことができ、各パラメータは一致する要素に挿入されます。 ===

4) 関数

には一致する要素がいくつありますか? この関数は何回実行されますか?

この関数は 2 つのパラメーターを受け入れることができます。は現在の要素のシリアル番号です。2 番目は現在の要素の HTML です。

関数内のこれは、現在の HTML 要素オブジェクトを表します。

戻りデータは、挿入されたコンテンツ ( html 要素または jQuery オブジェクトにすることができます)

2. prepend メソッド

一致する各要素の先頭にパラメーターの内容を挿入します

$(A).prepend(B)

$ (A).prepend(B) は、A の先頭に B を挿入することを意味します。

3. appendTo メソッド

一致する要素をターゲット要素の末尾に挿入します (append と同じ)

$(A).appendTo(B)

$(A)。 appendTo(B) は、B の末尾に A を挿入することを意味します。

4. prependTo メソッド

一致する要素をターゲット要素の前に挿入します (prepend と同じ)

$(A).prependTo(B)

$(A)。 prependTo(B) は、B 内の先頭に A を挿入することを意味します。

[推奨学習:

jQuery ビデオ チュートリアル 、Web フロントエンド開発ビ​​デオ ]

以上がjqueryで子要素を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。