zoukankan      html  css  js  c++  java
  • 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")是从元素开始找,

                                         //等于 $("pspan")

     <script type="text/javascript">

          $(document).ready(function(){

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

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

               });

          

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

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

               })

              });

        </script>

  • 相关阅读:
    ES6的reduce( )方法 可以数组求和、数组去重、二维数组转一维数组、计算数组中每个元素出现的次数
    防止/禁止页面后退
    CSS预处理器SASS将迁移到Dart Sass
    FormData 对象的使用
    javascript中编码与解码的decodeURI()、decodeURIComponent()区别
    Chrome谷歌浏览器调试技巧小结
    javaweb:tomcat&servlet
    java:Druil连接池
    java:c3p0连接池的使用
    java:JDBC的使用方式
  • 原文地址:https://www.cnblogs.com/yinweilong/p/5955322.html
Copyright © 2011-2022 走看看