jQuery val(), text(), html()

1 개념

• jQuery의 val(), text(), html() 차이점

메소드	설명
.val()	form의 선택 요소 텍스트 값을 설정 혹은 받아옴
.text()	선택 요소의 텍스트 내용을 설정 및 받아옴
.html()	선택 요소에 html을 코드를 넣거나 받아 올 수 있음. 함수 htmlspecialchars() 적용됨.

2 예시

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
  $(function() {
    $("#btn-text").click(function() {
      $("#div1").text("안녕 <b>친구들!</b>");
    });
    $("#btn-html").click(function() {
      $("#div1").html("안녕 <b>친구들!</b>");
    });
    $("#btn-val").click(function() {
      $("#input1").val("안녕 <b>친구들!</b>");
    });
  });
</script>

<div id="div1">여기는 div</div>
<button id="btn-text">text()</button>
<button id="btn-html">html()</button>

<hr>
<input type="text" id="input1" value="여기는 input" />
<button id="btn-val">val()</button>

3 같이 보기

• jQuery .val()
• jQuery .text()
• jQuery .html()

4 참고

• http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_set