>  기사  >  웹 프론트엔드  >  JQuery의 DOM 작업 - 랩

JQuery의 DOM 작업 - 랩

jacklove
jacklove원래의
2018-06-11 22:27:382202검색

wrap: Wrap, 사용법은 $(a).wrap((b))입니다. a를 b로 래핑합니다(각 요소가 래핑됩니다)

예: 본문에 세 개의 p가 있습니다

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

p Wrap 작업:

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

해당 출력은

unwrap: Unwrap: Unwrap

예를 들어 이제 위의 세 p에 대해 unwrap 작업을 수행합니다.

$("p").unwrap();

wrapAll: 모두 래핑 요소가 래핑됩니다 (모든 요소가 하나로 래핑됩니다)

예: 위의 세 p에 대해 WrapAll 작업을 수행합니다.

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

출력은 다음과 같습니다.


wrapInner: 내부 래핑

요소 내부의 다음 레벨은 새 요소를 다시 작성하고 상위 요소의 모든 콘텐츠를 래핑합니다. 예를 직접 살펴보세요.

이제 내부에 콘텐츠와 요소가 있는 p가 있습니다.

wrapInner

를 수행합니다. 그것에 대한 작업 :

<p>p1 <a href="" title="">连接</a></p>
출력은 다음과 같습니다.



jquery의 내부 작업은 매우 명확한 것 같습니다.

이 기사에서는 JQuery의 DOM 작업 - 랩 관련 지식을 설명합니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 참고하세요.

관련 권장사항:

Django는 요청을 사용하여 브라우저에서 보낸 매개변수를 가져옵니다

React this 바인딩에 대한 몇 가지 생각


Vue 상위 구성 요소에서 하위 구성 요소로의 값 전송 문제

위 내용은 JQuery의 DOM 작업 - 랩의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.