jQuery empty, remove - 복사하기

 

 

 

---

 

 

detach, remove - 실행 전

 

 

---

detach, remove - 실행 후

 

 

---

 

 

$('.pp').click(function(){

    $(this).css('font-size', '+=2px');  --> class pp 클릭 시 글자 크기 +2px씩 증가

})

 

$('#empty').click(function(){

    $('#p1').empty();                    --> id empty 삭제 후 id p1 div에 생성

})

$('#remove').click(function(){         -->  id remove 삭제 후 id p2 div에 생성

    $('#p2').remove();

})

 

empty(), remove() 차이

- empty : 대상 엘리먼트의 자식요소를 지운다.

       ex) $('div').empty(); --> div는 삭제되지 않기 때문에 테두리는 남아 있다.

                                --> 복사 된 후에도 이벤트 핸들러가 남아있기 때문에 이벤트 실행 가능

 

- remove : 대상 요소가 삭제된다.

             : 이벤트 핸들러도 삭제되기 때문에 복사 된 후에는 이벤트 실행이 불가능