jqueryでノードを追加するにはどうすればよいですか?

方法: 1. append() を使用して、選択した要素の末尾にコンテンツ ノードを挿入します。 2. prepend() を使用して、選択した要素の先頭にコンテンツ ノードを挿入します。 3. appendTo を使用します。 () を使用して、選択した要素の先頭にコンテンツ ノードを挿入します。 選択した要素の末尾に要素ノードを挿入します。 4. prependTo() を使用して、選択した要素の先頭に要素ノードを挿入します。

#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。

関連する推奨事項: 「

jQuery ビデオ 」

jquery でノードを追加する方法

これは、

1 を説明するための簡単な例です。 # 2. prepend メソッド

    <div>我是里面的div</div>
    <p>我是外面p</p>


<script>
    $(function(){
        $("div").append($("p"));//添加到元素内容的后面
    })
</script>

3. appendTo メソッド

    <div>我是里面的div</div>
    <p>我是外面p</p>


<script>
    $(function(){
        $("div").prepend($("p"));//添加到元素内容的前面

    })
</script>

4. メソッドの前に追加します

    <div>我是里面的div</div>
    <p>我是外面p</p>


<script>
    $(function(){
        $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
    
    })
</script>

5. メソッドの後

    <div>我是里面的div</div>
    <p>我是外面p</p>


<script>
    $(function(){
       $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
    
    })
</script>

6. メソッドの前 #

    <div>我是里面的div</div>
    <p>我是外面p</p>


<script>
    $(function(){
       $("div").after($("p"));//添加到自己的后面
    
    })
</script>

わかりました~ 上記はノードを追加するためのいくつかのメソッドであり、すべて使用できますが、特定のプロジェクトで使用されるため、状況に応じて使用してください。

プログラミング関連の知識について詳しくは、プログラミング入門

をご覧ください。 ！

以上がjqueryでノードを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。