首页 > 代码库 > jQuery-层级

jQuery-层级

2024-09-04 09:06:44   211人阅读

<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="http://www.mamicode.com/所有">
<input id="but7" type="button" value="http://www.mamicode.com/子级">
<input id="but8" type="button" value="http://www.mamicode.com/跟随的">
<input id="but9" type="button" value="http://www.mamicode.com/同辈">
</body>

 

jQuery-层级


联系
我们