当前位置:首页 > 日记 > 正文

用jQuery遍历DOM节点的方法

用jQuery遍历DOM节点的方法
本文演示了用jQuery遍历DOM节点的方法,供大家参考,具体分析如下:

本节的核心是介绍jQuery的DOM操作,并介绍了大量的节点操作,如创建、删除、替换等,这里介绍了遍历节点、选择相邻节点等方法。

儿童()方法

用该方法得到的匹配元素的子元素集合。根据DOM树的结构,我们可以知道元素的子节点个数之间的关系。

下面使用的儿童()得到的匹配元素的所有子元素个数的方法。
var = $();
var $ =($);
var = $();
警报($主体长度);下面有2个子元素
警报($ p.length); / /有0个子要素如下
警报(美元长度);下面有3个子元素
对于(var i = 0;我的<< ul.length美元;i++){
警报($ UL {我},innerHTML);
}
PS:儿童()方法只考虑子元素而不考虑任何子元素。

下一()方法

此方法用于获取匹配元素旁边的同一代元素。从DOM树的结构中,您可以知道p元素的下一个对等节点是UL,因此您可以通过下一个()方法获得UL元素,代码如下所示:
var = $();
在p元素之后立即使用
沪指()方法

该方法用于获取接近匹配的元素前面的元素的一代人。从DOM树的结构,你可以知道ul元素的最后一个节点是P,所以你可以通过沪指获得P元()方法和代码如下:
UL = $(var $ UL)。Prev();
立即在UL元素之前的兄弟姐妹
兄弟姐妹()方法

该方法用于获取匹配元素前后的所有对等元素,以DOM树的结构为例,UL元素和p元素是相同的生成元素,UL元素下的3个元素也是相同的生成元素。

如果您想获得p元素的对等元素,可以使用以下代码:
var = $();
唯一的兄弟接近于p元素
最近()方法

它用于获取最近的匹配元素。首先,如果匹配直接返回到元素本身,则检查当前元素是否匹配。如果不匹配不匹配,则查找父元素直到找到匹配选择器的元素。如果没有发现,则返回一个空的jQuery对象。

例如,要将颜色添加到目标元素的最近的LI元素中,可以使用以下代码:
$(文档)Bind(单击
$(e.target)。最近(礼)。Css(颜色
})
此外,还有在jQuery遍历方法很多节点,如发现过滤器(),(),(),()nextall盛行,家长(父母)和(),此处不再赘述,读者可以看附录jQuery查找表文件。值得注意的是,这些遍历DOM方法有共同点,它可以用来过滤使用jQuery表达式作为参数元素。

希望本文能对大家的jQuery程序设计有所帮助。

相关文章

如何教你如何快速水印淘宝女装

如何教你如何快速水印淘宝女装

淘宝,水印,教你如何,快速,电脑软件,淘宝的图片上有大量的图片,这是很烦人的。这篇文章教你如何快速去除水印 1,用PS打开水印。 2,通过快捷键M切换到选择工具。 3,通过拖动鼠标选择要删除的水印。(注意:选择了完整的水印) 4,按快捷键Ctrl + J为第…

PS图象处理软件在秋天的红蓝塘使美

PS图象处理软件在秋天的红蓝塘使美

图象,处理软件,秋天,美丽,女人,色彩在图片中的色彩比较小,但当颜色是分开的转印时:中间转印部分的颜色为橘红色,蓝色;深色;然后在高光区域添加浅蓝色;整个过程可以是柔和自然的。 色彩在图片中的色彩比较小,但当颜色是分开的转印时:中间转印部分的…

CDR为激光打印机做海报。

CDR为激光打印机做海报。

激光打印机,海报,电脑软件,CDR,本教程是向朋友介绍使用CDR为激光打印机制作宣传海报。本教程制作的海报还很不错,特别是色彩非常丰富,建议大家一起来和朋友一起学习。 本教程是向朋友介绍如何使用CDR来制作激光打印机宣传海报。在设计时,主要…

软边界效应法PS选区的出现

软边界效应法PS选区的出现

效应,边界,选区,电脑软件,PS,本教程介绍朋友PS羽化选区制作教程软边缘效果,效果非常好,难度不是很大,非常适合初学者学习,推荐,一起学习吧 可能很多人都用PS图象处理软件,因为PS图象处理软件的图像编辑功能很强大。她提供了很多工具选项和菜单命…

ai基本模块图及文字详解

ai基本模块图及文字详解

模块,文字,详解,电脑软件,ai,这本教科书是向ai的朋友讲解的基本模块,教程真的很好,值得学习,让我们一起来看看吧。 本教程是介绍ai基本模块的方法,教程很不错,推荐给大家,希望对大家有帮助! 以上是ai基本模块教程,希望大家喜欢!…

在javascript中使用自然对数LN的方法

在javascript中使用自然对数LN的方法

方法,对数,自然,电脑软件,javascript,这将返回到2.302的自然对数的10左右。 语法 math.ln10 实例uff1a Javascript的数学ln10财产 无功property_value = math.ln10 document.write(属性值为:+ property_value); 这将产生以下结果: 属性值为:2.30258…

excel如何在批处理中插入头Excel表

excel如何在批处理中插入头Excel表

批处理,如何在,电脑软件,excel,Excel,这里有一个制作工资单的例子,每个月人力资源部都需要对每个员工的工资明细表进行统计,然后把它加起来,然后做成一个完整的统计表,然后把它打印出来,剪成纸,发邮件,或者发电子邮件给每个人电子版的详细信息。 …

如何快速删除excel的重复数据

如何快速删除excel的重复数据

重复数据,删除,快速,电脑软件,excel,欢迎大家来,本文介绍如何快速教你如何删除重复的数据,欢迎大家阅读和学习。 在以前版本的Excel,通过高级筛选去除Excel 2007不仅保留了高级筛选重复记录;;这个功能,这是更值得注意的是,Excel 2007新增了删除重…

PS如何佩戴高清晰度肖像ps采用高频

PS如何佩戴高清晰度肖像ps采用高频

图像,高频,磨削,高清晰度,肖像,一个像作家一样的高手只需几分钟就能达到快速效果,但新手并不急于完成效果,有必要进一步了解作者皮肤的整个过程,包括皮肤的原理、使用的工具等。 一个像作家一样的高手只需几分钟就能达到快速效果,然而,初学者并…

如何设置QQ空间回复权限QQ常见问题

如何设置QQ空间回复权限QQ常见问题

权限,常见问题,空间,如何设置,电脑软件,如何设置QQ空间回复权限 登录到你的QQ空间。有一个主页上的小齿轮;点击空间设置;评论回复;目前有四种回复设置供你选择,当你选择好的回复设置时,最后的保存你的操作就可以了。 响应设置是:有访问权限的人;Q…

对于PS图象处理软件的极坐标辐射效

对于PS图象处理软件的极坐标辐射效

效应,背景图,辐射,图象,处理软件,本教程介绍一个关于海报背景图的朋友制作的辐射效应迅速使用PS图象处理软件极坐标。本教程主要是通过PS极坐标工具完成的。这个方法不是很难,但是这个教程很实用。建议大家过来一起学习。 本教程主要使用PS…

浅谈Javascript聚合框架中的行为对象

浅谈Javascript聚合框架中的行为对象

对象,框架,浅谈,电脑软件,Javascript,要存储的是一个家喻户晓的名字吗但家庭的本地存储更是这样。我已经把sessionStorage之前,现在有一个神奇的cachestorage。它是用来存储响应对象。也就是说,对于HTTP缓存响应。虽然localStorage可以做到这…