DOM 조작 메서드 핵심정리(Le-05)

DOM을 조작할 수 있도록 jQuery가 제공하는 메서드들은 광범위하기 때문에 어떤 작업을 처리할 때 어떤 메서드들이 어느 경우에 도움을 줄 수 있는지를 한눈에 보여줄 수 있도록 관련된 메서드들을 기능별 범주로 나누어 보았다.

1. 새로운 요소를 검색된 요소 안에 삽입하기 위한 메서드

   • .append()
   • .appendTo()
   • .prepend()
   • .prependTo()

2. 새로운 요소를 검색된 요소 전/후에 삽입하기 위한 메서드

   • .after()
   • .insertAfter()
   • .before()
   • .insertBefore()

3. 새로운 요소로 검색된 요소를 감싸면서 삽입하기 위한 메서드

   • .wrap()

4. 검색된 요소를 새로운 요소 또는 텍스트로 대치하기 위한 메서드

   • .html()
   • .text()

5. 실제 삭제 하지 않고 도큐먼트에서 검색된 요소와 자식들을 제거하기 위한 메서드

   • .remove()

요약

DOM과 관련된 jQuery 메서드를 사용하여 콘텐츠를 생성해보거나 복사하는 데 사용하기도 하고 조립하거나 장식하는 데에도 사용하였다. 그리고 웹 페이지상의 문장을 주석으로 변경해 보거나 인용표시나 링크로 또는 스타일이 적용된 인용 문구로 변경해 볼 때에도 jQuery 메서드들을 사용해 보았다