ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryでノードを追加するにはどうすればよいですか?

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

青灯夜游
青灯夜游オリジナル
2020-11-19 12:11:368401ブラウズ

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

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

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

関連する推奨事項: 「

jQuery ビデオ

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

これは、

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

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

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

3. appendTo メソッド

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

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

    })
</script>

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

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

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

5. メソッドの後

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

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

6. メソッドの前 #

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

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

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

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

をご覧ください。 !

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

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