1 / 20
文档名称:

RIA应用开发:3-遍历DOM元素.ppt

格式:ppt   大小:271KB   页数:20页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

RIA应用开发:3-遍历DOM元素.ppt

上传人:窝窝爱蛋蛋 2022/5/13 文件大小:271 KB

下载得到文件列表

RIA应用开发:3-遍历DOM元素.ppt

相关文档

文档介绍

文档介绍:第三章 遍历DOM元素
回顾
jQuery选择器
基本选择器
层次选择器
过滤选择器
学****目标
筛选元素
按索引筛选元素
筛选方法
检查元素
数组映射
移除元素
遍历DOM元素
搜索父元素
搜索同辈元素
搜索子元素
添加元素着所有匹配元素的唯一父元素的元素集合。
.closest()方法:从当前元素开始向上遍历DOM树并获取与选择器匹配的第一个元素。
.offsetParent()方法:返回父元素中第一个其position设为relative或者absolute的元素。此方法仅对可见元素有效。
搜索父元素
例2:
$(".item-1").parent().css("background-color","#AFA");
$(".item-1").parents().css("background-color","#AFA");
$(".item-1").parentsUntil(".level-2")
.css("background-color","#AFA");
$(".item-1").closest(".level-2")
.css("background-color","#AFA");
$(".item-1").offsetParent(".level-2")
.css("background-color","#AFA");
搜索同辈元素
.next()方法:取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合 。
.nextAll()方法:查找当前元素之后所有的同辈元素。
.nextUntil()方法:查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止。
.prev()方法:取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
.prevAll()方法:查找当前元素之前所有的同辈元素 。
.prevUntil()方法:查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。
.siblings()方法:取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。
搜索子元素
. children([expr]) 方法:取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
.contents()方法:查找匹配元素内部所有的子节点(包括文本节点)。
. find(expr) 方法 :搜索所有与指定表达式匹配的元素。
搜索子元素
例3:
$("div").children().map(function(){
alert();
});
$("div").contents().map(function(){
if(==3) alert();
else alert();
});
$("div").find("*").map(function(){
alert();
});
添加元素
add(expr, [context]) 方法:把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。
例1:
$("#blueone").css("background","red");
$(".green").css("background","red");
$("#blueone").add(".green")
.css("background","red");
串连操作
.end()方法:回到最近的一个“破坏性”操作之前。即,将匹配的元素列表变为前一次的状态。
$("#blueone").add(".green").end()
.css("background","red");
.andSelf()方法:将先前所选的加入当前元素中。
综合应用
网页选项卡
var $div_li =$(" ul li");
$(function(){
$(this).addClass("selected") //当前<li>元素高亮
.siblings().removeClass(“se