ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery は page_jquery に DOM サンプル コードを追加および削除します

JQuery は page_jquery に DOM サンプル コードを追加および削除します

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:31:251182ブラウズ

1.before(): 新規ノードを先頭に追加

2.after(): ノードを下部に追加

3.prepend(): ノードを先頭にしますnode

4.append(): 新しいノードを最後に追加します。効果は appendTo() と同じですが、構文

5.remove() に違いがあります。ノードを削除します

例:

コードをコピー コードは次のとおりです:




  • 実装:
    $(document).ready(function () {
    $('.vacation').before (price); // 先頭に新しいノードを追加します
    $('.vacation').after(price);// 下部にノードを追加します
    $('.vacation').prepend(price ); //ノードを

  • var Price = $('

    From $399.99

    ' ); //JQuery で dom を作成します
    //$('.vacation').append(price) //price.appendTo($('.vacation') に等しい新しいノードを追加します);、構文は異なります
    price.appendTo($ ('.vacation'));//新しいノードを最後に追加します
    $('button').remove(); //ノードを削除します
    });


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