jQuery - id, class, name 속성의 value 읽기

 

jQuery를 통해 input태그에 입력한 값을 읽어야 할때 id, class, name 속성을 통해 접근할 수 있습니다. 
접근시에는 CSS의 Selector(선택자)를 사용하면 됩니다. 
아래 예제는 버튼을 클릭하면 각 속성으로 접근한 후 입력된 값을 읽어서 콘솔에 출력합니다. 

 

<script>
$(function(){
  $('#readBtn').click(function(){
    //name으로 읽기
    let myName = $('input[name=myName]').val();
    //id로 읽기
    let myId = $('#myId').val();
    //class로 읽기
    let myClass = $('.myClass').val();
    //결과출력
    console.log("결과", myName, myId, myClass);
  });
});
</script>
<input type="text" name="myName" id="myId" class="myClass" value="입력상자1">
<button type="button" id="readBtn">Value읽기</button>

 

실행결과