JQuery での DOM 操作 - ラップ

jacklove
jackloveオリジナル
2018-06-11 22:27:382499ブラウズ

wrap: Wrap、使用法は $(a)​​.wrap((b)); a を b でラップします (各要素はラップされます)

例: 本体には 3 つの p があります

	<p>p1</p>
	<p>p2</p>
	<p>p3</p>

p ラップ操作:

$("p").wrap("<p></p>");

対応する出力は

unwrap: Unwrap: Unwrap

たとえば、上記の 3 つの p に対して unwrap 操作を実行します。

$("p").unwrap();

wrap全員: Wrap all 要素はすべてラップされます (すべての要素は 1 つにラップされます)

例: 上記 3 つの p に対して WrapAll 操作を実行します

$("p").wrapAll("<p></p>");

出力は次のようになります:


wrapInner: 内部ラッピング

これは、要素内の次のレベルが新しい要素を再構築し、親要素のすべてのコンテンツをラップします。例を直接見てください:

内部にコンテンツと要素を含む p があります

wrapInner

を実行します。 それに対する操作:

<p>p1 <a href="" title="">连接</a></p>
出力は次のとおりです:



jqueryの内部操作は非常に明確であるようです。

この記事では、JQuery での DOM 操作について説明します。関連する知識については、php 中国語 Web サイトを参照してください。

関連する推奨事項:

Django はブラウザーによって送信されたパラメーターを取得するためにリクエストを使用します

このバインディングに反応するに関するいくつかの考え


親コンポーネントから子コンポーネントの echarts に値を渡す際の Vue の問題

以上がJQuery での DOM 操作 - ラップの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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