[jQuery] html()과 text() 함수의 차이

html() 메소드와 text() 메소드는 거의 동일하지만, 중요한 차이가 있다.

html() 메소드는 인자값 전달시, html태그를 이스케이프 하지 않으며, text()는 html 태그를 이스케이프 한다.

 

예를 들어, 

text() 메소드의 경우

$("#test").text("this is <p> tag");

이렇게 사용하면 "test"라는 곳에 this is <p> tag 라는 텍스트가 추가된다.

 

반면 html() 메소드를 사용할 경우,

$("#test").html("this is &lt;p&gt; tag"); 

이렇게 사용해야한다.