jqueryでノードを追加するにはどうすればよいですか?-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2020-11-30 17:23:13

オリジナル

8387 人が閲覧しました

方法: 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 サイトの他の関連記事を参照してください。