[Javascript] val()과 attr("value")의 차이

● $("").val()

  - DOM 요소의 현재 입력된 값을 반환

  - 사용자가 입력한 내용이나 JavaScript 코드를 통해 동적으로 변경된 값을 가져옴

  - input, textarea, select와 같은 입력 요소의 값을 가져올 때 사용

 

● $("").attr("value")

  - DOM 요소의 초기 속성(attribute) 값을 반환

  - HTML 속성으로 정의된 초기 값을 가져옴

  - 요소의 속성(attribute)를 가져올 때 사용

                     

 

! 일반적으로 입력 요소(input)의 초기값과 실제 입력값이 다를 수 있음

! val()을 사용하여 실제 입력값을 가져오는 것이 일반적

! 초기 속성값을 가져오고 싶을 때 attr("value") 사용