<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>
原文：http://www.cnblogs.com/yjh1604600160/p/x2.html