<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
</head>
<script>
//2层次选择器
$(document).ready(function(){
//后代元素选择器(儿子孙子)
$("#div1 ul li").css({"color":"blue","fontSize":"30px"});//ul,li起作用,写2个样式用{}
//子元素选择器(只包括儿子)
$("#div2>span").css("background","green");//span起作用
//相邻元素选择器(紧接着前一个元素后面的元素)
$("#div1 ul +div").css("fontSize","50px");//就div起作用,div1下面的ul相邻的div
//兄弟元素选择器
$("#li~li").css({"background":"red"});
});
</script>
<body>
<div id="div1">第一个div
<ul>
<li id="li">第一个li</li>
<li>第二个li</li>
</ul>
<div id="div2">第二个div
<span>这是个div</span>
</div>
</div>
</body>