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
반응형
'Web > jQuery' 카테고리의 다른 글
| [jQuery] keyup Event Example (0) | 2019.08.25 |
|---|---|
| [jQuery] AJAX 동기 처리 Example (0) | 2019.07.21 |
| [jQuery] Click Event Example (0) | 2019.07.14 |
| [jQuery] AJAX 한글깨짐 해결 Example (0) | 2019.06.23 |
| [jQuery] AJAX 배열전송(Array) Example (0) | 2019.06.22 |