[Jquery] CSS 분리

css에서 직접 작업하는게 가장 좋겠지만 jquery를 이용하여 분리하여 사용할 수도 있다.

일단 css 스타일을 담을 변수를 선언하고, 그 변수를 jquery css 선택자에 집어 넣는 것이다.

코드는 아래와 같다.

 

        $(document).ready(function(){
            var myStyle={"color":"red",
                 "backgroundColor":"blue",
                 "border":"4px solid black"}

            $("#wrap>section").children().css(myStyle)
        })