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

                                   筛选出一部分,比如:

                                 $("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>
  • 相关阅读:
    HDU-1702-ACboy needs your help again!(Stack)
    HDU1276-士兵队列训练问题 (Queue)
    HDU1285-确定比赛名次(拓扑+优先队列)
    The Preliminary Contest for ICPC Asia Nanjing 2019
    拓扑排序板子 hihocoder-1174
    BZOJ1066 [SCOI2007]蜥蜴
    BZOJ3888 [Usaco2015 Jan]Stampede
    BZOJ1718 [Usaco2006 Jan] Redundant Paths 分离的路径
    BZOJ1112 [POI2008]砖块Klo
    BZOJ1031 [JSOI2007]字符加密Cipher
  • 原文地址:https://www.cnblogs.com/lianghaijie-ctw/p/5947812.html
Copyright © 2011-2022 走看看