[jquery] html 조작

[HTML 내용 추가하기]

 

$(selector).append(content)

append() 메소드는 일치하는 HTML 엘리먼트 안에 컨텐츠를 추가시킵니다.

 

$(selector).prepend(content)

prepend() 메소드는 일치하는 HTML 엘리먼트 안의 내용 앞쪽에 컨텐츠를 추가시킵니다.

[출처] jQuery 강좌 8 - jQuery HTML 조작(Manipulation)|작성자 기냥이

$(selector).after(content)

after() 메소드는 일치하는 모든 엘리먼트 뒤쪽에 HTML 내용을 삽입합니다.

 

$(selector).before(content)

before() 메소드는 일치하는 모든 엘리먼트 앞쪽에 HTML 내용을 삽입합니다.

[html 내용 제거하기]

[출처] jQuery 강좌 8 - jQuery HTML 조작(Manipulation)|작성자 기냥이

$(selector).detach() – 지정한 요소를 포함 하위 요소 모두 제거

$(selector).empty() – 지정한 요소의 하위 요소를 제거

$(selector).remove() – 지정한 요소를 포함 하위 요소 모두 제거, 요소와 관련된 이벤트와 데이터 모두 제거

[html 내용 변경]

$(selector).html(content) → 선택한 엘리먼트의 HTML 내용을 변경한다

[참조]

http://findfun.tistory.com/255

http://blog.naver.com/PostView.nhn?blogId=topsaga&logNo=140155679866

http://blog.daum.net/haha25/5390044

[출처] jQuery 강좌 8 - jQuery HTML 조작(Manipulation)|작성자 기냥이