[Javascript] jQuery DOM 객체

[속성제어 메소드]

- $(selector).attr(name); : 속성값 조회 메소드

- $(selector).removeAttr(name); : 속성 삭제 메소드

 

[HTML과 텍스트 조회]

- $(selector).html();

- $(selector).text();

 

[DOM 객체 추가]

$("<h2>안녕하세요</h2>").css("color", "steelblue").appendTo("body");

 

[DOM 객체 삭제]

- $(selector).remove() : 레퍼세트의 모든 요소를 HTML 문서에서 삭제하고, 삭제한 내용을 반환.

- $(selector).empty() : 래퍼세트의 모든 요소에 대해 하위 자식요소들을 삭제

 

<정리>

- 순수 자바스크립트만으로 DOM 객체 구조를 처리하는것은 쉽지 않기 때문에 jQuery를 사용함

- 시각효과 구현 가능!