-
Jqeury val() 함수 (값 바꾸기, 값 가져오기)프로그래밍/Jquery 2019. 9. 25. 20:57반응형
jquery val() 함수에 대해 알아보겠습니다.
말로 설명 필요 없이 바로 사용해보도록 하죠.
오늘은 val()함수로 값을 가져오는 걸 해보겠습니다.
$("선택자"). val() 함수를 사용하면 입력한 값이 출력 되게 됩니다.
<body> <form id="form" name="form1" method="POST"> <input type="text" name="id" id="id" placeholder="아이디"> <input type="password" name="password" id="password" placeholder="패스워드"> <button class="login">로그인</button> </form> </body>와 html소스 입니다 그러면 아래의 그림이 나오게 됩니다.
<script> $(document).ready(function(){ $('.login').on('click',function(e){ e.preventDefault(); var id = $('#id').val(); var password = $('#password').val(); }); }); </script>위에 자바스크립트(jquery)를 작성해 보도록 하죠. $(값을 가져올 선택자). val();를 해주면 이벤트 발생 시 jquery로 값가 져 오기 끝
반응형'프로그래밍 > Jquery' 카테고리의 다른 글
JQuery Method append 추가 메소드 (0) 2019.09.28 Jquery Method click(클릭 메소드를 알아보자) (0) 2019.09.28 Jquery 패스워드 중복 체크 기능 구현 (0) 2019.09.27 Jquery 별점 기능 구현(별점 주기)(removeClass, addClass, attr) (2) 2019.09.26 Jquery focus()함수 (0) 2019.09.26