jquery에서 추가, 앞에 추가, 전후 메소드의 차이점

1.append() 및 prepend()

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

가

$('.a').append($('.c'));

를 사용한다고 가정합니다. 효과는 다음과 같습니다.

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

를 사용하는 것과 같습니다.

$('.a').prepend($('.c'));

효과는 다음과 같습니다. :

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;c&#39;>c</p>
  <p class=&#39;b&#39;>b</p>

</p>

2. after( ) 및 before()

도 가상 코드를 사용합니다.

$('.a').after($('.c'));

효과는 다음과 같습니다.

<p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p><p class=&#39;c&#39;>c</p>

Before도 사용합니다. ()

$('.a').before($('.c'));

효과는 다음과 같습니다:

<p class=&#39;c&#39;>c</p><p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p>

요약:

append() & prepend()는 요소 내부에 콘텐츠를 삽입하는 것입니다(콘텐츠는 요소의 하위 요소 또는 노드가 됨). after() & before()는 요소 외부에 콘텐츠를 삽입하는 것입니다(콘텐츠는 요소의 형제 노드가 됨).

1.append() 및 prepend()

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

가

$('.a').append($('.c'));

를 사용한다고 가정합니다.

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

$('.a').prepend($('.c'));

를 사용하는 것과 동일합니다.

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;c&#39;>c</p>
  <p class=&#39;b&#39;>b</p>

</p>

2. after() 사용 before()

와 동일한 가상 코드를 사용합니다.

$('.a').after($('.c'));

효과는 다음과 같습니다.

<p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p><p class=&#39;c&#39;>c</p>

비슷하게 사용합니다. before()

$('.a').before($('.c'));

효과는 다음과 같습니다:

<p class=&#39;c&#39;>c</p><p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p>

요약:

append() & prepend()가 요소 Content(콘텐츠가 요소의 하위 요소 또는 노드가 됨)에 삽입되고, after() & before()는 요소 외부에 콘텐츠를 삽입합니다(콘텐츠는 요소의 형제 노드가 됩니다)

.

위 내용은 jquery에서 추가, 앞에 추가, 전후 메소드의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!