(jq) jquery (6) - val 함수

6. val( ) 함수

• 선택자의 value 속성값 가져오기 : $("css선택자").val() ;
• input 태그의 value 값을 가져오거나 변경하는 함수

-html 내용

• 예제 1) input 양식에 value 값 가져와서 alert 출력하기

<!-- TODO: jquery cdn -->
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>

    <!-- js -->
    <script>
        $(function(){
            // jquery 코딩
            // 예제 1) input 양식에 value 값 가져와서 alert 출력하기
            // 사용법 : $("css선택자").val() : 선택자의 value 속성값 가져오기
            let result = $("#user-name").val(); // 용대리
            alert(result);
        });

• 예제 2) input 양식에 value 값 수정하기

<!-- TODO: jquery cdn -->
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>

    <!-- js -->
    <script>
        $(function(){
            // jquery 코딩
            // 예제 2) input 양식에 value 값 수정하기
            $("#user-name").val("javascript");
        });

• 결과)