使用jQuery查找元素的方法

来源：互联网发布：海康视频服务器软件编辑：程序博客网时间：2024/05/29 11:57

在这里大概列出几种用于查找元素的方法。

先给出文档的大概内容：

<body><div class="c1"><p class="p1">欢迎到来</p><p>Welcome</p><p class="p1">欢迎到来</p><p>Welcome</p><p>欢迎到来</p><p>Welcome</p><p>欢迎到来</p><p>Welcome</p></div></body>

1.利用find()的方法，根据当前集合及其后代的上下文创建一个新的元素包装器集。

$(document).ready(function(){ alert($("div").find("p").length);});

这里我们说一下关于find()与filter()的方法。find()是根据当前的DOM元素及其子元素的上下文创建新的元素集。将操作当前集合的子元素，例如以上的代码中在<div>下的<p>元素,我们使用的是find()方法。

但是如果我们只想操作当前的元素集，那么我们就可以使用filter()方法，它只是过滤当前包装集的元素。例如：

2.利用children()返回被选元素的所有直接的子元素，不过这个方法是可以进行过滤的，从子元素中查询特定的元素。

$(document).ready(function(){ alert($("div").children("p").length);});

3.同时还可以利用以下的方法

$(document).ready(function(){ alert($("p","div").length);});

$(document).ready(function(){ alert($("p",$("div")).length);});

$(document).ready(function(){ alert($("div p").length);});

4.用:eq()索引自定义选择器第2个<p>元素，但是由于索引是从0开始的，所以第二个相当于p:eq(1);

$(document).ready(function(){ alert($("p:eq(1)",$("div")).text());});

以上只是大概地列出来，还不完全，有兴趣的话可以自己总结一下哦。

1 0