jQuery-层级

Posted 加号与剑豪

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery-层级相关的知识，希望对你有一定的参考价值。

<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>

 

以上是关于jQuery-层级的主要内容，如果未能解决你的问题，请参考以下文章

jQuery层级元素选择器

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）