<script>
$(document).ready(function(){
$("#but6").click(function(){
$("#z *").toggle(); //("x y")
}); //x下全部的y 选择器
$("#but7").click(function(){
$("#z > p").toggle(); //("x > y")
}); //x里的所有子级 选择器
$("#but8").click(function(){
$("span + div").toggle(); //("x + y")
}); //跟在x后面的所有 选择器
$("#but9").click(function(){
$("#z ~ p").toggle(); //("x ~ y")
}); //跟x同辈的所有y 选择器
//层级
});
</script>
<body>
<input id="but6" type="button" value="所有">
<input id="but7" type="button" value="子级">
<input id="but8" type="button" value="跟随的">
<input id="but9" type="button" value="同辈">
</body>
