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、

 1 <script type="text/javascript" src="/jquery/jquery.js"></script>
 2      <script type="text/javascript">
 3 
 4       $(document).ready(function(){
 5 
 6          $(".yin01").click(function(){
 7 
 8           $(this).siblings(".yin02").slideToggle();
 9 
10            });
11 
12           });
13 
14     </script>

eg2、

1 <script type="text/javascript" src="/jquery/jquery.js"></script>
 2      <script type="text/javascript">
 3 
 4       $(document).ready(function(){
 5 
 6          $(".yin01").click(function(){
 7 
 8           $(this).next().slideToggle();
 9 
10            });
11 
12           });
13 
14      </script>

slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。

如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。