网站制作学习网JS脚本→正文:jquery对象筛选
字体:

jquery对象筛选

JS脚本 2010/8/31 19:13:44  点击:不统计

http://%77%77%77%2E%66网站制作%6F学习网%72%61%73%70%2E%63%6E
jquery第十课jquery对象的筛选,通过索引,条件等相关内容对jquery获取的对象数组进行筛选,选择出自己想要的对象。
参考共用代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>jquery对象筛选</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<SCRIPT language="javascript">
$(function(){
<!--jquery文档处理代码区-->
});
</SCRIPT>
<BODY>
<div id="1">jquery筛选1</div><div id="2" class="foraspcn">jquery筛选2</div><div id="3">jquery筛选3</div><div id="4"><li>jquery筛选4</li></div>
<div><li>jquery筛选5</li></div>
</BODY>
</HTML>
继续jquery的对象筛选-查找
(9).parents([expr]); 取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
$("li").parents();将会返回li的所有的父级,祖级的数组,当前返回最后一个div,倒数第二个div,body,然后是整个html
$("li").parents("div");将会返回li的所有的父级或者祖级为div的元素即可,当前返回最后一个div,倒数第二个div
(10).parentsUntil([expr]);查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。跟上面的用法一样的,只是选择条件变化了,当遇到expr中的条件时,则不再查找。如果条件为空则跟上面的parents()一样。
(11).prev([expr]); 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
举例$("#3").prev(); 则 返回的是<div id="2" class="foraspcn">jquery筛选2</div>,expr是可选条件,如果有则通过条件选择所有适合条件的元素集合。
(12).prevAll([expr]);查找当前元素之前所有的同辈元素,如果有条件的话则根据条件筛选
$("div:last").prevAll(".foraspcn");获取最后一个div前面的同辈级别的并且class为.foraspcn的元素集合。返回<div id="2" class="foraspcn">jquery筛选2</div>
(13).prevUntil([expr]);查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。expr为可选体条件,如果没有的话则跟prevAll()效果相同,如果有条件则查询到条件处即可。
$("div:last").prevUntil(".foraspcn"); 则返回<div id="3">jquery筛选3</div><div id="4"><li>jquery筛选4</li></div>
 如果没有后面的条件.foraspcn 则返回<div id="1">jquery筛选1</div><div id="2" class="foraspcn">jquery筛选2</div><div
 id="3">jquery筛选3</div><div id="4"><li>jquery筛选4</li></div>
 (14).siblings([expr]);取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。如果有条件则进行条件筛选,如果没有,则全部.
 $("div").siblings();则返回<div id="1">jquery筛选1</div><div id="2" class="foraspcn">jquery筛选2</div><div id="3">jquery筛选3</div><div id="4"><li>jquery筛选4</li></div><div><li>jquery筛选5</li></div>
 $("div").siblings(".foraspcn");则返回<div id="2" class="foraspcn">jquery筛选2</div>
3.串联样式
(1).add(expr, [context]);把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。主要是对元素数组的操作,不是元素的内容元素本身,而是元素数组集合
举例$(".foraspcn");返回的元素数组是[<div id="2" class="foraspcn">jquery筛选2</div>];如果运行$(".foraspcn").add("#3");则元素数组为[<div id="2" class="foraspcn">jquery筛选2</div>,<div id="3">jquery筛选3</div>]
(2).andSelf();加入先前所选的加入当前元素中.举例说明把
$("body").find(".foraspcn");目前选中的是id=2的div,如果加上了。addSelf();方法$("div .foraspcn").addSelf(); 则返回了所有的body和类为foraspcn的元素
(3).contents();查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容这个比较容易理解,不做说明了。
(4).end();回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态
$("body").find(".foraspcn");返回类为foraspcn的元素,如果加上.end(); 则返回body元素。
forasp.cn

·上一篇:jQuery操作Frame(iframe)网页框架 >>    ·下一篇:jquery文档处理2 >>
推荐文章
最新文章