[Jquery] val 메서드

val 메서드를 사용하여 접근한 요소의 value(값)을 읽어올 수 있다.

 

        $(document).ready(function(){
            var myVal=$("#my-input").val()
            console.log(myVal)
        })

 

그렇다면 여기서 아래와 같은 간단한 응용을 해볼 수 있다.

 

        function myFunc(){
            var myColor=$("#myColor").val()
            var myBgColor=$("#myBgColor").val()
                $("#my-div").css({"color":myColor,
                                 "backgroundColor":myBgColor})
        }

 

이렇게 하면 myColor, myBgColor라는 id를 가진 input 요소의 value를 받아온 뒤, css 선택자로 적용하여 요소의 색을 변경할 수 있다.