jQuery初学4(遍历)

最新推荐文章于 2025-06-27 10:44:03 发布

weixin_30235225

最新推荐文章于 2025-06-27 10:44:03 发布

阅读量46

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linnannan/p/9935246.html

本文深入讲解了jQuery中各种选择器的使用方法，包括parent, parents, parentsUntil, children, find, siblings, next, nextAll, nextUntil, prev, prevAll, prevUntil, first, last, eq, filter和not等。通过实例演示如何选取DOM树中的元素，适用于前端开发者学习。

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() 方法返回被选元素中带有指定索引号的元素
 $("p").eq(1);

filter,not

下面的例子返回带有类名 "url" 的所有 <p> 元素：
 $("p").filter(".url");
下面的例子返回不带有类名 "url" 的所有 <p> 元素：
$("p").not(".url");

转载于:https://www.cnblogs.com/linnannan/p/9935246.html