JQuery도 메소드 체이닝(Method Chaining)이 가능하다.
특정 템플릿을 복사하는방법
var $elem = $('#item-template')
.clone()
.removeAttr('id');
$elem이란 변수에는 ‘새로 복제한 DOM 엘리먼트’가 들어 있게 됨.
이렇게 복제한 엘리먼트는 아직 도큐먼트에 추가되지 않았기 때문에 일반적인 셀렉터로는 찾을 수 없지만 ‘변수’를 통해서는 접근할 수 있다.
그래서 ‘$elem’이란 변수를 통해 ‘클래스를 추가’한다거나 ‘속성을 삭제’하는 등의 일반적인 DOM제어를 모두 할 수 있다.
$elem.find('.item-no').html(i+1);
$elem.find('.item-name').html(item.name);
$elem.find('.item-addr').html(item.addr);
find() 함수는?
‘$’ 함수와 비슷하게 원하는 엘리먼트를 셀렉트해 주는 역할을 수행하지만
주어진 특정 엘리먼트의 자식들에서만 찾아 준다.
$list.append($elem);
append() vs prepend()
prepend()함수는 가장 처음에 넣게된다
on()함수