JQuery的父子兄弟节点查找方法

Posted 2020-08-09 一生的力量

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素，不限于父元素

jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuery.contents()            //查找下面的所有内容，包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点，不分前后

jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的

                          jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集中

                          筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如：

                          $("p").find("span")是从元素开始找，等于$("p span")

-------------------------------------（我的）点击标题一显示内容一的例子---------------------------

eg1、<script type="text/javascript" src="/jquery/jquery.js"></script>
     <script type="text/javascript">

      $(document).ready(function(){

         $(".yin01").click(function(){

          $(this).siblings(".yin02").slideToggle();

           });

          });

    </script>

eg2、<script type="text/javascript" src="/jquery/jquery.js"></script>
     <script type="text/javascript">

      $(document).ready(function(){

         $(".yin01").click(function(){

          $(this).next().slideToggle();

           });

          });

     </script>

上面的这两个例子，是我做的实例后发现的简便方法，所以记录下来方便自己以后不会忘记。