jquery에서 추가, 앞에 추가, 전후 메소드의 차이점
- 巴扎黑원래의
- 2017-06-24 11:20:201638검색
1.append() 및 prepend()
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> </p>
가
$('.a').append($('.c'));
를 사용한다고 가정합니다. 효과는 다음과 같습니다.
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> <p class='c'>c</p> </p>
를 사용하는 것과 같습니다.
$('.a').prepend($('.c'));
효과는 다음과 같습니다. :
<p class='a'> //<---you want p c to append in this <p class='c'>c</p> <p class='b'>b</p> </p>
2. after( ) 및 before()
도 가상 코드를 사용합니다.
$('.a').after($('.c'));
효과는 다음과 같습니다.
<p class='a'> <p class='b'>b</p></p><p class='c'>c</p>
Before도 사용합니다. ()
$('.a').before($('.c'));
효과는 다음과 같습니다:
<p class='c'>c</p><p class='a'> <p class='b'>b</p></p>
요약:
append() & prepend()는 요소 내부에 콘텐츠를 삽입하는 것입니다(콘텐츠는 요소의 하위 요소 또는 노드가 됨). after() & before()는 요소 외부에 콘텐츠를 삽입하는 것입니다(콘텐츠는 요소의 형제 노드가 됨).
1.append() 및 prepend()
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> </p>
가
$('.a').append($('.c'));
를 사용한다고 가정합니다.
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> <p class='c'>c</p> </p>
$('.a').prepend($('.c'));
를 사용하는 것과 동일합니다.
<p class='a'> //<---you want p c to append in this <p class='c'>c</p> <p class='b'>b</p> </p>
2. after() 사용 before()
와 동일한 가상 코드를 사용합니다.
$('.a').after($('.c'));
효과는 다음과 같습니다.
<p class='a'> <p class='b'>b</p></p><p class='c'>c</p>
비슷하게 사용합니다. before()
$('.a').before($('.c'));
효과는 다음과 같습니다:
<p class='c'>c</p><p class='a'> <p class='b'>b</p></p>
요약:
append() & prepend()가 요소 Content(콘텐츠가 요소의 하위 요소 또는 노드가 됨)에 삽입되고, after() & before()는 요소 외부에 콘텐츠를 삽입합니다(콘텐츠는 요소의 형제 노드가 됩니다)
.위 내용은 jquery에서 추가, 앞에 추가, 전후 메소드의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.