<html>
<body>
<ul>
<li id="li01">첫번째 li01</li>
<li id="li02">두번째 li02</li>
<li id="li03">세번째 li03</li>
<li id="li04">네번째 li04</li>
<li id="li05">다섯번째 li05</li>
<li id="li06">여섯번째 li06</li>
</ul>
<!-- ############################################################################# -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script>
//alert( $("li.selected").nextAll("li").text() );
//$("li.selected").nextAll("li").text("change item");
//-----------------------------------------------------------------
$("body").append("<hr>");
var act01 = "두번째 style 적용";
$("body").append("<input type='button' id='act01' value='"+act01+"'/>");
$("#act01").click( function(){ $("#li02").css("background-color","#FF5555"); } );
$("body").append("--->> <b>$(\"#li02\").css(\"background-color\", \"#FF5555\")</b><br>");
var act02 = "li 태그에 style 적용";
$("body").append("<input type='button' id='act02' value='"+act02+"'/>");
$("#act02").click( function(){ $("li").css("background-color","#DDDDFF"); } );
$("body").append("--->> <b>$(\"li\").css(\"background-color\", \"#DDDDFF\")</b><br>");
</script>
</body>
</html>
- write by 꼬마갱이 2012.10.30 -
'SCRIPT야' 카테고리의 다른 글
| jQuery 따라하기 - 9 (0) | 2012.10.30 |
|---|---|
| jQuery 따라하기 - 8 (0) | 2012.10.30 |
| jQuery 따라하기 - 6 (0) | 2012.10.30 |
| jQuery 따라하기 - 5 (0) | 2012.10.30 |
| jQuery 따라하기 - 4 (0) | 2012.10.30 |