<body>
<div id="div01">첫번째 div01</div>
<div id="div02">두번째 div02</div>
<div id="div03">세번째 div03</div>
<div id="div04">네번째 div04</div>
<!-- ############################################################################# -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
$("body").append("<hr>");
var act01 = "div 숨기기";
$("body").append("<input type='button' id='act01' value='"+act01+"'/>");
$("#act01").click( function(){ $("div").hide(); } );
$("body").append("--->> <b>$(\"div\").hide()</b><br>");
var act02 = "div 보이기";
$("body").append("<input type='button' id='act02' value='"+act02+"'/>");
$("#act02").click( function(){ $("div").show(); } );
$("body").append("--->> <b>$(\"div\").show()</b><br>");
</script>
</body>
</html>
- write by 꼬마갱이 2012.10.30 -
'SCRIPT야' 카테고리의 다른 글
| jQuery 따라하기 - 6 (0) | 2012.10.30 |
|---|---|
| jQuery 따라하기 - 5 (0) | 2012.10.30 |
| jQuery 따라하기 - 3 (0) | 2012.10.30 |
| jQuery 따라하기 - 2 (0) | 2012.10.30 |
| jQuery 따라하기 - 1 (0) | 2012.10.30 |