<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 msg_alert01 = "div 출력";
$("body").append("<input type='button' id='alert01' value='"+msg_alert01+"'/>");
$("#alert01").click( function(){alert( $("div").text() );} );
$("body").append("<b>tag선택 --> tag </b>");
$("body").append("<hr>");
var msg_alert02 = "id=div01 text()출력";
$("body").append("<input type='button' id='alert02' value='"+msg_alert02+"'/>");
$("#alert02").click( function(){alert( $("#div01").text() );} );
$("body").append("<b>id선택 --> #id </b>");
$("body").append("<hr>");
var msg_alert03 = "id=div02 text()출력";
$("body").append("<input type='button' id='alert03' value='"+msg_alert03+"'/>");
$("#alert03").click( function(){alert( $("#div02").text() );} );
var msg_alert04 = "id=div03 text()출력";
$("body").append("<input type='button' id='alert04' value='"+msg_alert04+"'/>");
$("#alert04").click( function(){alert( $("#div03").text() );} );
var msg_alert05 = "id=div04 text()출력";
$("body").append("<input type='button' id='alert05' value='"+msg_alert05+"'/>");
$("#alert05").click( function(){alert( $("#div04").text() );} );
</script>
</body>
</html>
- write by 꼬마갱이 2012.10.30 -
'SCRIPT야' 카테고리의 다른 글
| jQuery 따라하기 - 5 (0) | 2012.10.30 |
|---|---|
| jQuery 따라하기 - 4 (0) | 2012.10.30 |
| jQuery 따라하기 - 2 (0) | 2012.10.30 |
| jQuery 따라하기 - 1 (0) | 2012.10.30 |
| [링크] 이미지 팝업 jQuery (0) | 2012.01.18 |