jQuery text() html() - get() 사용 예제 방법

jQuery text() html() - get() 사용 예제 방법


jQuery에서 .text(), .html()은 선택된 개체의 값을 가져오거나 설정하는 역할을 합니다.

함수에 인자를 넣으면 그 값으로 설정하고, 없으면 현재 값을 불러옵니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
  $(document).ready(function () {
    var text = $("div").text();
    var html = $("div").html();
 
    alert(text);
    alert(html);
    });
</script>
...
...
<div> jQuery .text와 .html : start
  <table>
    <tr><td>#A</td><td>#B</td></tr>
    <tr><td>#C</td><td>#D</td></tr>
    <tr><td>#E</td><td>#F</td></tr>
  </table> jQuery .text와 .html : end
</div>
cs


[jQuery .text() 실행 결과]

jQuery text() 결과

(테이블 내용을 그대로 출력합니다)



[jQuery .html() 실행 결과]

jQuery html() 결과

(테이블 html 코드를 출력합니다)



[jQuery 실행 결과 화면]

jQuery text() html() 결과


단순히 코드 내용을 확인하는 용도로는 아주 편리합니다. text() html() 사용할 때, 인자를 넣으면 get()이 아니라 set()으로 변합니다.


jQuery text() html() - get() 사용 예제 방법

댓글(0)

Designed by JB FACTORY