<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").text("변경된 div"); } );
$("body").append("--->> <b>$(\"div\").text(\"변경된 div\")</b><br>");
var act02 = "id=div01 내용바꾸기";
$("body").append("<input type='button' id='act02' value='"+act02+"'/>");
$("#act02").click( function(){ $("#div01").text("변경된 div01"); } );
$("body").append("--->> <b>$(\"#div01\").text(\"변경된 div01\")</b><br>");
</script>
</body>
</html>
- write by 꼬마갱이 2012.10.30 -
'SCRIPT야' 카테고리의 다른 글
| jQuery 따라하기 - 8 (0) | 2012.10.30 |
|---|---|
| jQuery 따라하기 - 7 (0) | 2012.10.30 |
| jQuery 따라하기 - 5 (0) | 2012.10.30 |
| jQuery 따라하기 - 4 (0) | 2012.10.30 |
| jQuery 따라하기 - 3 (0) | 2012.10.30 |