jQuery - DOM 요소 추가 및 삭제

추가
$('<p><a>test</a></p>').find('a').attr('href', 'www.test.com').end().appendTo('body')

1. 내부에서 <p><a>test</a></p> element 생성
2. find로 <a> 선택
3. 선택된 <a>에 href 속성 부여
4. end()로 이전 선택으로 jQuery wrapper 집합(<p>) 변경
5. body에 <p> 삽입

삭제
$('a').remove('selector')

1. <a> Element 들에 대한 wrapper 집합 생성
2. 삭제

단. 삭제시 재미있는것

$('a').remove()

[

1. <a href=​"#" class=​"remove">​anchor element​</a>​

,

1. <a href=​"#" class=​"remove">​anchor element​</a>​

,

1. <a href=​"#" class=​"remove">​anchor element​</a>​

,

1. <a href=​"#" class=​"remove">​anchor element​</a>​

]

remove()의 리턴 값이 삭제 할?된? wrapper 집합이라는 점!!