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
반응형