jQuery w3schools 한글판 강좌44 -Get Content - text(), html(), 그리고 val()

DOM조작을 위한 세가지 간단하지만 유용한 jQuery메소드들은 다음과 같습니다:

• text() - 선택된 요소들의 텍스트 컨텐트를 설정하거나 반환합니다
• html() - 선택된 요소들(HTML 마크업(markup)을 포함)의 컨텐트를 설정하거나 반환해줍니다.
• val() - 폼 필드들의 값을 설정 또는 반환해줍니다

다음 예는 text()와 html() jQuery메소드를 이용하여 컨텐트를 취하는 방법을 보여줍니다:

Example

$("#btn1").click(function(){
    alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
});

다음 예는 val()메소드를 이용하여 input 필드의 값을 얻어내는 방법을 시연해줍니다:

Example

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});