[jQuery] val() / text() / html()

val(), text(), html() 메소드는 요소 값을 제어할 수 있는 메소드들이다.

그렇다면 이 메소드들은 각자 어떤 특이점을 가질까?

※ val()

Form Element 의 값을 받아오는데 쓰인다.

주의할 점은 Form Element 이외의 값들은 받아오질 못한다.

※ val(value)

Form Element의 값을 지정할 때 쓰인다.

※ text()

XML과 HTML문서에 둘 다 사용될 수 있다.

태그내에 존재하는 자식태그들 중에 HTML태그는 모두 제외한 채 문자열만 출력하고자 할 때

사용되는 함수이다.

※ html()

html()는 text()와 비슷한 기능을 수행한다.

text()는 텍스트만 불러오는 반면 html()은 HTML태그도 함께 불러온다.

태그내에 존재하는 자식태그를 통째로 읽어올 때 사용되는 함수이다.

주로 태그 동적추가할 때 사용된다.

※ text(value) / html(value)

두 메소드는 값을 지정할 때 쓰인다는 점은 비슷하지만

html(value)는 HTML태그까지 지정해줄 수 있다.

※ 참조 : http://secretroute.tistory.com/entry/jQuery-val-text-html의-차이