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

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

青灯夜游
リリース: 2020-11-30 17:23:13
オリジナル
8369 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート