Web/jQuery

[jQuery] CSS Control Example

개쿠 2019. 8. 25. 14:49
728x90
반응형

 

JSP 파일에서 Jquery로 CSS Control 하기

 

간단하게 div에 배경색을 부여하고 버튼을 클릭하게 되면 배경색을 빨강색 > 검정색으로 변경하는 예제

 

JSP Page

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body>
    <div id="test1" style="background:red; height:300px;"></div>
    <div id="test2" style="background:blue; height:300px;"></div>
    <button id="changeBtn">배경색깔 바꾸기</button>
    <script type="text/javascript">
        $(document).ready(function() {
            
            $('#changeBtn').click(function(){
                $('#test1').css('background-color''black');
                console.log("맨위 배경색깔이 검정색으로 변경되었습니다.");
            });
 
        });
    </script>
</body>
 
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter

 

Web Page 

버튼 누르기전 div 배경색깔을 빨강색 파랑색으로 설정함

버튼을 누른 후 div 배경색깔을 빨강색을 검정색으로 변경함

 

 

728x90
반응형