상세 컨텐츠

본문 제목

[JavaScript] Div 보이고, 숨기기

Developer/JavaScript

by 웰크 2017. 5. 16. 20:37

본문

[JavaScript] Div 보이고, 숨기기



요즘 레이어의 사용이 늘면서 자주사용하게 되는 스크립트

Jquery를 활용해 많이 사용한다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
// ############################# //
// document를 이용한 일반적인 방법 //
// 숨기기
document.getElementByid("test").sytle.display="none";
 
// 보이기
document.getElementByid("test").sytle.display="block";
 
// ############# //
// jquery를 활용 //
// 숨기기
$("#test").hide();
 
// 보이기
$("#test").show();
</script>
 
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
</head>
<body>
    <div id="test">
    </div>
</body>
</html>
cs



















관련글 더보기