<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div p").first().css("background-color","yellow");
$("div p").last().css("background-color","red");
$("p").eq(3).css("background-color","yellow");
$("p").filter("#intro").css("background-color","blue");
//$("p").not("#intro").css("background-color","white");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<div>
<p>这是div中的第一个段落（index 0）</p>
<p>这是div中的第二个段落（index 1）</p>
</div>
<p>这是div外的第一个段落（index 2）</p>
<p>这是div外的第二个段落（index 3）</p>
<p id="intro">这是div外的第一个段落（index 4）</p>
<p id="intro">这是div外的第二个段落（index 5）</p>
</body>
</html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div p").first().css("background-color","yellow");
$("div p").last().css("background-color","red");
$("p").eq(3).css("background-color","yellow");
$("p").filter("#intro").css("background-color","blue");
//$("p").not("#intro").css("background-color","white");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<div>
<p>这是div中的第一个段落（index 0）</p>
<p>这是div中的第二个段落（index 1）</p>
</div>
<p>这是div外的第一个段落（index 2）</p>
<p>这是div外的第二个段落（index 3）</p>
<p id="intro">这是div外的第一个段落（index 4）</p>
<p id="intro">这是div外的第二个段落（index 5）</p>
</body>
</html>
扫一扫
4063
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
