$ .add와 $ .append JQuery의 차이점

Question

나는 컨테이너에 추가하거나 추가 할 단일 요소가있을 때 $ .add와 $ .append의 차이점을 궁금해하고 있습니다. .

Answer 1

.add() 메소드는 DOM 요소 세트를 나타내는 jQuery 오브젝트가 주어지면 해당 요소의 합집합과 메소드에 전달되는 jQuery 오브젝트로 새 jQuery 오브젝트를 구성합니다. 하지만 DOM에 요소를 삽입하지 않습니다. 즉, .add()을 사용하면 요소가 DOM에 추가되지만 페이지에 표시하려면 insertion/append 메서드를 사용하여 페이지에 삽입해야합니다.

Answer 2

추가 사전에

감사는 jQuery 오브젝트에 요소, 그것은 DOM

추가]에 추가하지 않습니다 추가하는 아이로 DOM에 요소를 추가합니다.

Answer 3

전혀 관련이 없습니다.

.add()

는 정합 소자들의 세트에 요소를 추가한다.

지정된

당신이 원하는 경우

, 그리고

$('div').css('color':'red'); 
$('div').css('background-color':'yellow'); 
$('p').css('color':'red'); 

, 당신이 할 수있는,

$('div').css('background-color':'yellow').add('p').css('color':'red'); 

Reference

으로 .Append()

삽입 내용, 파라미터에 의해, 일치하는 요소 세트의 각 요소의 끝까지.

$('div').append('p'); 

는 DOM의 모든 선택 div에 p를 선택 추가합니다.

Reference

Answer 4

.add()

for example: 
<ul> 
    <li>list item 1</li> 
    <li>list item 2</li> 
    <li>list item 3</li> 
</ul> 
<p>a random paragraph</p> 

가 <li> 요소 및 빨간색으로 <p> 요소의 색상을 변경하려면, 당신은 쓸 수 :

$("li").css("background-color", "green"); 
$("p").css("background-color", "green"); 

또는 위의 것을 응축하여 사용하십시오. 추가()

$("li").add("p").css("background-color", "green"); 

.append()

Will DOM에 추가 할 새 요소를 만들고 기존 지정된 요소의 자식으로 나타납니다.

<div>one</div> 
<div>two</div> 

<ol> 
    <li>item1</li> 
    <li>item2</li> 
</ol> 

$("div").append('<p>'); 

이됩니다에서 :

<div>one</div> 
<p></p> 
<div>two</div> 
<p></p> 

<ol> 
    <li>item1</li> 
    <p></p> 
    <li>item2</li> 
    <p></p> 
</ol>