728x90
val() 메서드는 선택한 폼 요소의 vlaue속성값을 가져오거나 새 값을 적용할 때 사용한다.
* 기본형
| 1) $("요소 선택").val(); 2) $("요소 선택").val("새 값"); |
1) 선택한 폼 요소의 value 속성값을 가져온다.
2) 요소를 선택하여 value 속성에 새 값을 적용한다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ var result_1 = $("#user_name").val(); console.log(result_1); $("#user_id").val("javascript"); var result_2 = $("#user_id").prop("defaultValue"); console.log(result_2); }); </script> </head> <body> <h1>객체 조작 및 생성</h1> <form action="#" id="form_1"> <p> <label for="user_name">이름</label> <input type="text" name="user_name" id="user_name" value="용대리"> </p> <p> <label for="user_id">아이디</label> <input type="text" name="user_id" id="user_id" value="hello"> </p> </form> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| 수치조작메서드 (0) | 2021.08.21 |
|---|---|
| prop() 메서드 (0) | 2021.08.21 |
| addClass() / removeClass() / toggleClass() / hasClass() 메서드 (0) | 2021.08.21 |
| attr() / removeAttr() 메서드 (0) | 2021.08.21 |
| html() / text() 메서드 (0) | 2021.08.21 |
