ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryとJavaScriptのノード挿入方法の比較

jQueryとJavaScriptのノード挿入方法の比較

高洛峰
高洛峰オリジナル
2016-12-06 14:35:591286ブラウズ

2。人々の一般的な考え方に準拠していますが、効果は同じです

2. ノードの外側に挿入します:

jQueryとJavaScriptのノード挿入方法の比較

具体的な実装は次のとおりです。 3. appendTo()、prependTo()、insertBefore()、insertAfter() メソッドには破壊的な操作の特性があります。つまり、既存のコンテンツを選択して挿入した場合です。これらを指定したオブジェクトに追加すると、元の場所にあるコンテンツは削除されます。次の例では、元の div 要素に含まれる段落テキストが選択され、div 要素の後ろに移動されます。デモは次のとおりです:

$("p").insertAfter("div");

(2) JavaScript メソッド

1. ノード内に挿入: appendChild() --- jQuery の追加に対応します。 ( )、insertBefore()---jQueryのprepend()に相当します

jQueryとJavaScriptのノード挿入方法の比較 具体的な効果については、上記のjQueryメソッドを参照してください。 。 。

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