(Attributes & Content 04) val() 메소드

SoloLearn jQuery 번역


val() 메소드

  • Another useful method is the val() method, which allows us to get and set the values of form fields, such as textboxes, dropdowns, and similar inputs.
    • 또 다른 유용한 메소드는 val() 메소드이다.
    • 텍스트 상자, 드롭다운 input과 같은 form field의 값을 가져오고 설정할 수 있다.

  • HTML:
<input type="text" id="name" value="Your Name">

  • JS:
$(function() {

// alert "Your Name"

코드 실행 확인

Getting and setting form field values is very useful when you need to handle form events and validation.

form field 값을 가져오고 설정하는 것은, form 이벤트와 유효성 검사를 처리할 때 매우 유용하다.



  • The following jQuery methods are available to get and set content and attributes of selected HTML elements:
    • 선택된 HTML element의 내용과 속성을 가져오고 설정하는 데 사용할 수 있는 jQuery 메소드는 다음과 같다.

  • text() sets or returns the text content of selected elements.
    • text()는 선택된 element의 텍스트 내용을 설정하거나 반환한다.
  • html() sets or returns the content of selected elements (including HTML markup).
    • html()은 선택된 element의 내용을 설정하거나 반환한다.
    • (HTML 마크업 포함)
  • val() sets or returns the value of form fields.
    • val()은 form field의 값을 설정하거나 반환한다.
  • attr() sets or returns the value of attributes.
    • attr()는 속성의 값을 설정하거나 반환한다.
  • removeAttr() removes the specified attribute.
    • removeAttr()는 지정된 속성을 제거한다.


  • Rearrange the code to get the value of the form field and set it as the value of the paragraph with id=”demo”.
    • form field의 값을 id=”demo” p 태그의 값으로 설정해라.
$(function() {
  var t = $("#user").val();

  • Which method gets the value of an input field?
    • input field의 값을 가져오는 메소드는 무엇인가?