jQuery初学4(遍历)

  • parent,parents,parentsUntil
    $(document).ready(function(){
      $("span").parents();
    });
    下面的例子返回介于 <span> 与 <div> 元素之间的所有祖先元素:
    $(document).ready(function(){
      $("span").parentsUntil("div");
    });
    
  • children,find
    下面的例子返回每个 <div> 元素的所有直接子元素:
    $(document).ready(function(){
      $("div").children();
    });
    下面的例子返回类名为 "1" 的所有 <p> 元素,并且它们是 <div> 的直接子元素:
    $(document).ready(function(){
      $("div").children("p.1");
    });
    下面的例子返回 <div> 的所有后代:
    $(document).ready(function(){
      $("div").find("*");
    });
    
  • siblings
    下面的例子返回 <h2> 的所有同胞元素:
    $(document).ready(function(){
      $("h2").siblings();
    });
    
  • next,nextAll,nextUntil
    下面的例子返回 <h2> 的下一个同胞元素:
     $("h2").next();
    下面的例子返回 <h2> 的所有跟随的同胞元素:
    $("h2").nextAll();
    下面的例子返回介于 <h2> 与 <h6> 元素之间的所有同胞元素:
    $("h2").nextUntil("h6");
    
  • prev,prevAll,prevUntil(类似next,返回上面的元素)
  • first,last
    下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:
    $("div p").first();
    下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:
    $("div p").last();
    
  • eq
    eq() 方法返回被选元素中带有指定索引号的元素
     $("p").eq(1);
    
  • filter,not
    下面的例子返回带有类名 "url" 的所有 <p> 元素:
     $("p").filter(".url");
    下面的例子返回不带有类名 "url" 的所有 <p> 元素:
    $("p").not(".url");
posted @ 2018-11-09 15:09  第七种孤独  阅读(119)  评论(0)    收藏  举报