• 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()的返回结果,不会有初始集中

                              筛选出一部分,而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>

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

  • 相关阅读:
    form在两个div之间会有间距 得加上style="margin:0px"
    JavaScript trim函数大赏 (转)
    js prototype
    aptana对齐快捷键ctrl+shift+f
    深入浅出JSON
    ie和火狐的一些区分
    javascript”面向对象编程” 2聊聊对象的事
    _#【media type / media query】
    【ajax】接口数据赋给全局变量
    _#【HTML 优化】使用相对 URL
  • 原文地址:https://www.cnblogs.com/xuyuanjia/p/5876004.html
Copyright © 2020-2023  润新知