ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのwrap()、wrapAll()、wrapInner()の違いについての簡単な説明

jQueryのwrap()、wrapAll()、wrapInner()の違いについての簡単な説明

巴扎黑
巴扎黑オリジナル
2017-06-24 14:14:171106ブラウズ

この記事は、W3School のドキュメントを組み合わせて、jQuery の Wrap()、wrapAll() と wrapInner() の違いを分析し、非常に簡単な画像とテキストの比較チュートリアルを提供します。実用的で、必要な友達は参考にしてください

今夜読んでいると、Baidu で jQuery Wrap() / WrapAll() / WrapInner() を検索すると、jQuery にはノードをラップする 3 つのメソッドがあることがわかりました。そして案の定、W3School の ドキュメント説明 検索結果 が 1 位です。

ただし、W3School の説明は次のとおりです。

jQuery ドキュメント操作 - Wrap() メソッド

wrap() メソッドは、選択された各要素を指定された HTML コンテンツまたは要素に配置します。

jQuery ドキュメント操作 - WrapAll() メソッド

wrapAll() は、選択されたすべての要素を指定された HTML コンテンツまたは要素内に配置します。

jQuery ドキュメント操作 - WrapInner() メソッド

wrapInner() メソッドは、指定された HTML コンテンツまたは要素を使用して、選択された各要素内のすべてのコンテンツ (内部 HTML) をラップします。

私はあまり本を読んでいないので、このような混乱をすぐに解決できない説明を見るのは本当に迷惑です。

やはり自分で行うのが最も現実的です。

これは比較のための元のコードです:

私は席を占めています。

私は席に座っています。


wrap() メソッド

$("p").wrap("gt;");

結果:

写真からわかるようにstrongタグは、一致する各 p タグを囲みます。

wrapAll() メソッド

$("p").wrapAll("");

結果:

写真からわかるように、強力なタグすべてに一致します p タグはすべて一度に囲まれています。

wrapInner() メソッド

$("p").wrapInner("gt;");

結果:

写真からわかるように、それぞれの強力なタグ一致する p タグ内に埋め込まれます。

もちろん、最終的には 3 つの方法の効果は同じです。

以上がjQueryのwrap()、wrapAll()、wrapInner()の違いについての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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