[jQuery] html(), text() 차이

1. $('selector').html()

• 해당 요소의 내용을 html 형식으로 가져옴

2. $('selector').text()

• 해당 요소의 내용을 문자열 형식으로 가져옴

 

 

html()과 text()의 차이점은 태그를 포함하느냐 여부 차이다.

selector의 내용이 <p>Hello World!</p>라고 했을 때,

html(), text() 결과는 다음과 같다.

 

$('selector').html();

= "<p>Hello World!</p>"

 

$('selector').text();

= "Hello World!"

 

※ html(), text() 매개변수

html(), text() 모두 매개변수를 넣지 않을 경우 get 기능이며

매개변수를 넣을 경우 set 기능을 수행한다.

 

$('selector').html('<p>Hello jQuery</p>');

$('selector').html();

= "<p>Hello jQuery</p>"