官方参考:http://www.w3school.com.cn/jquery/jquery_traversing_filtering.asp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// function changered (x) {
// x.style.width="300px";
// x.style.height="300px";
// }
// function changeblue (y) {
// y.style.width="100px";
// y.style.height="100px";
// }
$(document).ready(function(){
$("#demo").click(function(){
$("div").animate({
left:'250px',
opacity:'0.8',
width:'400px',
height:'400px'
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#test p").eq(0).css("color","red");
$("#test p").eq(1).css("color","red");
$("#test p").eq(2).css("color","red");
});
</script>
</head>
<body>
<div style="width:300px;height:300px;overflow: hidden;">
<div id="demo" style="background:url(1.jpg) no-repeat 0 center;height:20px;width:100px;position:absolute;">
<!-- <img src="1.jpg" alt="" οnmοuseοver="changered(this);" οnmοuseοut="changeblue(this);" style="width:100px;height:100px;" > -->
</div>
</div>
<div id="test">
<p>第一名</p>
<p>第二名</p>
<p>第三名</p>
<p>第四名</p>
</div>
</body>
</html>