[jQuery] html(), text(), val()의 명확한 차이

 

- $(셀렉터).html() 

셀렉터 하위에 있는 자식 태그들을

태그나 문자열 따질 것 없이 전부 가져온다.

 

 

 

 

결과 : <span>안녕하세요.</span> 

 

 

 

 

 

 

 

- $(셀렉터).text()

셀렉터 하위에 있는 자식 태그들의 문자열만 출력

 

 

 

결과 : 안녕하세요. 

 

 

 

 

 

 

 

 

- $(셀렉터).val()

input태그에 정의된 value속성의 값을 확인하고자할때 사용

 

 

결과 : 텍스트