반응형
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").css("background", "blue")
.filter(function (index) {
return $(this).attr("id") == "fourth" ;
})
.css("border", "1px solid red");
});
</script>
<style>
div { border:2px white solid;}
</style>
</head>
<body>
<body>
<div id="first">asdf</div>
<div id="second">asdf</div>
<div id="third">asdf</div>
<div id="fourth">asdf</div>
<div id="fifth">asdf</div>
<div id="sixth">asdf</div>
</body>
</html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").css("background", "blue")
.filter(function (index) {
return $(this).attr("id") == "fourth" ;
})
.css("border", "1px solid red");
});
</script>
<style>
div { border:2px white solid;}
</style>
</head>
<body>
<body>
<div id="first">asdf</div>
<div id="second">asdf</div>
<div id="third">asdf</div>
<div id="fourth">asdf</div>
<div id="fifth">asdf</div>
<div id="sixth">asdf</div>
</body>
</html>
