JQuery的父、子、兄弟節點查找方法

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()的返回結果，不會有初始集中

                          　　　　 篩選出一部分，比如：

                         　　　　$("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>