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

在jQuery中常用遍历函数的一个例子

在jQuery中常用遍历函数的一个例子
本文总结了jQuery中常用的遍历函数的用法,供大家参考:

1。儿童()功能

孩子们()函数是用来选择在一个jQuery对象的形式返回每个匹配的元素和子元素。

还可以使用选择器进一步缩小筛选范围,以筛选符合指定选择器的元素。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
id,N1的元素
N1 = $(var $ # N1 );
所有子元素
VaR menu_li = n1.children美元(美元);
document.writeln(gettagsinfo($ menu_li)); / /李# N2,李# N7,李# N13
N1,活动类都包含子元素
VaR active_menu_li = n1.children美元美元(主动);
document.writeln(gettagsinfo($ active_menu_li)); / /李# N2
所有跨 / /子元素,每个元素的menu_li美元
VaR的跨度= menu_li.children美元美元(跨);
document.writeln(gettagsinfo($跨度) / /跨度);# N3、跨# N8,跨# N14
2。过滤器()功能

筛选器()函数用于过滤符合指定表达式的元素,并以jQuery对象的形式返回。

这里的表达式包括:选择器(字符串)、DOM元素(元素)、jQuery对象和函数。

示例如下:
/ * $(礼),N4、N5、N6的3要素。
所有指标的筛选/甚至(奇数)的元素,即N4、N6
document.writeln($(礼)。滤波器(甚至); / /长度)2
选定的内容包含富元素元素的类名。
document.writeln($(礼)。滤波器($(。foo)); / /长度)1
/ /滤波器的所有元素的class属性,即N5、N6
document.writeln($(礼)。滤波器({类}); / /长度)2
/ * $(输入),N8、N9的两个要素。
/ /所选元素,即N9
document.writeln($(输入)。滤波器(检查); / /长度)1
无功输入= document.getelementsbyname(codeplayer );
/ /选择输入,N8的所有元素,N9
document.writeln($(输入)。滤波器(输入)。长度 / / 2);
/ / $(div),N1,N2,N7的3要素
/ /筛选的id和class属性相同的元素,即N2,N7
var = $()。(函数(索引,元素){)
这个函数的作用是
返回this.classname this.id = =;
});
document.writeln($结果。长度); / / 2
三.非()函数

非()函数用于从匹配元素中删除符合指定表达式的元素,并以jQuery对象的形式返回保留的元素。

这里的表达式包括:选择器(字符串)、DOM元素(元素)、jQuery对象和函数。

函数的作用是Add()函数,它用于在当前匹配元素中添加符合指定表达式的元素。

示例如下:
/ * $(礼),N4、N5、N6的3要素。
/ /排除N6,其余2要素的N4、N5
document.writeln($(礼),(# N6 ); / /长度)2
带外foo / /类元素,只有N4、N6
document.writeln($(礼),($(。foo)); / /长度)2
/ /消除所有元素的class属性,其余4
document.writeln($(礼),({类}); / /长度)1
/ * $(输入),N8、N9的两个要素。
/ /排除选定的元素,其余的N8
document.writeln($(输入),(检查); / /长度)1
无功输入= document.getelementsbytagname(输入);
清除所有输入元素,返回空的jQuery
document.writeln($(输入),(输入)。长度 / / 0);
/ * $(div),N1,N2,N7的3要素。
排除ID和类属性相等的元素,剩下的N1
var = $(),不是(函数(索引,元素){)
这个函数的作用是
返回this.classname this.id = =;
});
document.writeln($结果。长度); / / 1
4。添加()函数

添加()函数用于将与指定表达式匹配的元素添加到当前匹配元素,并以jQuery对象的形式返回。

这里的表达式包括:选择器(字符串)、HTML内容(字符串)、DOM元素(元素)和jQuery对象。

函数的函数是非()函数,它用于从当前匹配元素中移除符合指定表达式的元素。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素# ID
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回# +这个ID;
});
}
所有p元素,加上所有标签元素
VaR的要素=美元美元(p)。添加(标签);
document.writeln(gettagsinfo($ elements1)); / / # N1,# N4,# N9、# N11
VaR $matches = $(跨度。主动)。添加(document.getelementsbytagname(标签));
document.writeln(gettagsinfo($matches)); / / # N4,# N8,# N11,# N12
elements2 = $(var $ 标签),添加($(强));
document.writeln(gettagsinfo($ elements2)); / / # N4,# N7、# N11
VaR美元美元(elements3 =跨度。主动),(添加标签
document.writeln(gettagsinfo($ elements3)); / / # N8,# N11,# N12
无功元件(美元美元= P )。添加(主动)。添加(跨度:唯一的孩子);
document.writeln(gettagsinfo(合元件)); / / # N1、N3 #,# N6,# N7、N8 #,# N9、# N12

5。切片()函数

函数的作用是:在匹配元素中选择元素的连续元素,并以jQuery对象的形式返回它。

这个函数属于jQuery对象(实例)。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
/ * $(礼),N4、N5、N6、N7、N8的5要素。
var $ = $();
选择第二个元素
VaR的内容(美元美元=李)片(1, 2);
document.writeln(gettagsinfo($ SUB1)); / /李# N5
选择第四、第五个元素
var =美元美元(立子)片(3);
document.writeln(gettagsinfo($ SUB2)); / /李# N7、N8李#
1~4选择第一个元素
/ /指数=长度+(- 5)= 0,endIndex =长度+(1 = 4)
var = $($ SUB3里)。Slice(5 - 1);
document.writeln(gettagsinfo($ SUB3)); / /李# N4、N5李#,李# N6,李# N7
6。父()函数

父()函数用于选择每个匹配元素的父元素,并以jQuery对象的形式返回。

您还可以使用选择器进一步缩小选择范围,并筛选出符合指定选择器的元素。

这个函数属于jQuery对象(实例)。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
N2 = $(var $ # N2 );
n2的父元素
var =()n2.parent亲美元美元;
document.writeln(gettagsinfo(合亲)); / / DIV # N1
var $ = $();
获取父元素的所有p元素
VaR parents2 = p.parent美元(美元);
document.writeln(gettagsinfo($ parents2)); / / DIV DIV # # N1、N5
获取父元素的所有p元素包含类名
VaR的家长= p.parent美元美元(吧);
document.writeln(gettagsinfo($的家长) / / DIV);# N5
var = $();
获取所有父元素包含类名元素。
VaR parents4 = foo.parent美元(美元);
document.writeln(gettagsinfo($ parents4)); / / P # N3,N5 div #

7。双亲()函数

父()函数用于选择每个匹配元素的祖先元素,并以jQuery对象的形式返回。

您还可以使用选择器进一步缩小选择范围,只选择符合指定选择器的元素。

这个函数属于jQuery对象(实例)。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
var =美元美元(# N4 N4 );
/ /祖先元素获得N4
var =()n4.parents亲美元美元;
document.writeln(gettagsinfo(合亲)); / / P # N3、DIV # N1、体、HTML
var $ = $();
祖先元素获取所有p元素
VaR parents2 = p.parents美元(美元);
document.writeln(gettagsinfo($ parents2)); / / DIV DIV # N5,# N1、体、HTML
祖先元素获得所有p元素,其中包含类名bar
VaR的家长= p.parents美元美元(吧);
document.writeln(gettagsinfo($的家长) / / DIV);# N5
var = $();
获取所有祖先元素的div元素包含
VaR parents4 = foo.parents美元美元(div);
document.writeln(gettagsinfo($ parents4)); / / DIV DIV # N5,# N1

8。兄弟()函数

函数的作用是:选择每个匹配元素的所有对等元素(不包括自己),并以jQuery对象的形式返回。

您还可以使用选择器进一步缩小选择范围,并筛选出符合指定选择器的元素。

这个函数属于jQuery对象(实例)。

示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素# ID
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回# +这个ID;
});
}
var =美元美元(# N4 N4 );
所有的元素,N4 /同行(同行元素不包括N4,下同)
var元素= n4.siblings美元(美元);
document.writeln(gettagsinfo($元)); / / # N2,# N5,# N7、N8 #
N4,所有同行 / / span元素
VaR $matches = $ n4.siblings(跨);
document.writeln(gettagsinfo($matches)); / / # N2,# N5,# N8
标签= $(标签);
类名包含元素,标签的所有元素都是对等的。
VaR的活动label.siblings美元美元=(主动);
document.writeln(gettagsinfo($活动)); / / # N7、N8 #,# N12
9。沪指()和()函数prevall

沪指()函数是用来过滤节点元素相邻匹配的元素,并返回一个jQuery对象中的形式。

还可以使用指定的选择器进一步缩小筛选范围,以筛选符合指定选择器的元素。

这个函数的函数是下一个()函数,它用于过滤每个匹配元素旁边的对等元素。

的prevall()函数用于每个匹配的元素,并返回一个jQuery对象中的所有元素在选择同伴。

您还可以使用选择器进一步缩小选择范围,并筛选出符合指定选择器的元素。

这个函数的功能是nextall()函数,这是用来在每个匹配的元素,选择所有的同辈元素。

prev()使用的例子如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
匹配所有元素:E2 / /跨度、E3、E4、E5、E7、E9
var = $();
/ /兄弟姐妹的比赛之前,所有的span元素:E3,E2,接近E8
不存在任何一个关闭的兄弟姐妹,因为它是第一个兄弟,低于}

/ / E4 = > E3
/ / E5 = > E2

/ / E9 = > E8
VaR span_prev = span.prev美元(美元);
document.writeln(gettagsinfo($ span_prev)); / /跨# E3,跨# E2,一# E8
在此之前,所有与跨度元素相邻的跨度元素
VaR span_prev_span = span.prev美元美元(跨);
document.writeln(gettagsinfo($ span_prev_span)); / /跨# E3,跨# E2
prevall的例子()的用法如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素# ID
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回# +这个ID;
});
}
var =美元美元N6(# N6 );
N6, / /在所有的兄弟姐妹
VaR n6_prevall = n6.prevall美元(美元);
document.writeln(gettagsinfo($ n6_prevall)); / / # N5,# N4,# N2
与强者同行 / / N6的所有元素之前
VaR n6_prevall_strong = n6.prevall美元美元(强);
document.writeln(gettagsinfo($ n6_prevall_strong)); / / # N4
标签= $(标签);
在所有标签元素包含类名之前匹配
VaR label_prevall_active = label.prevall美元美元(主动);
document.writeln(gettagsinfo($ label_prevall_active)); / / # # N5,N10,# N4
10。二()函数和nextall()函数

下一个()函数用于过滤每个匹配元素旁边的对等元素,并以jQuery对象的形式返回。

还可以使用指定的选择器进一步缩小筛选范围,以筛选符合指定选择器的元素。

这个函数的功能是prev()函数,这是用来过滤,相邻匹配元素的节点元素。

的nextall()函数用于每个匹配的元素,并返回一个jQuery对象中的所有元素后形成的节点选择。

您还可以使用选择器进一步缩小选择范围,并筛选出符合指定选择器的元素。

这个函数的功能是prevall()函数,这是用来在每个匹配的元素,选择所有的同辈元素。

下一个()用法的示例如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素标签名或标签名# ID(如果ID)
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回(this.tagname + this.id + this.id# );
});
}
匹配所有元素:E2 / /跨度、E3、E4、E5、E7、E9
var = $();
毕竟,SPAN元素接近 / /同辈元素:E5,E4,E8
/ / E2相邻兄弟元素是E5
/ / E3 E4
E4 / /不会(因为它是最后一个,同行的元素,下同)
没有 / / E5
/ / E7 E8
没有 / / E9
VaR span_next = span.next美元(美元);
document.writeln(gettagsinfo($ span_next)); / /跨# E5,跨# E4,一# E8
毕竟,跨单元元素相邻的对等点
VaR span_next_span = span.next美元美元(跨);
document.writeln(gettagsinfo($ span_next_span)); / /跨# E5,跨# E4
nextall的例子()的用法如下:
返回jQuery对象所有匹配元素标识信息数组
/ /每个元素# ID
功能gettagsinfo($ DOMS){
返回的doms.map(函数(){()
返回# +这个ID;
});
}
var =美元美元(# N4 N4 );
毕竟,N4 /兄弟姐妹
VaR n4_nextall = n4.nextall美元(美元);
document.writeln(gettagsinfo($ n4_nextall)); / / # N5,# # N7、N8
所有 / /强的元素,在N4同行
VaR n4_nextall_strong = n4.nextall美元美元(强);
document.writeln(gettagsinfo($ n4_nextall_strong)); / / # N7
标签= $(标签);
VaR label_nextall_active = label.nextall美元美元(主动);
document.writeln(gettagsinfo($ label_nextall_active)); / / # N7、N8 #,# N12

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

相关文章

QQ空间音乐不能播放怎么办常见QQ问

QQ空间音乐不能播放怎么办常见QQ问

音乐,空间,不能播放,常见,电脑软件,这是一个小编辑器,为了组织QQ空间音乐不能播放怎么做,希望对你有帮助! 如果你发现QQ空间背景音乐播放器,首先考虑是否是绿色的用户,用户使用的是腾讯官方的音乐,它一般不会出现不可用的歌曲,如果用户使用QQ的绿…

ai入门学习概论及常用技巧

ai入门学习概论及常用技巧

学习,概论,入门,常用,技巧,本教程是介绍一个朋友对ai入门学习的一些常用技巧,教程很不错,非常适合初学者学习,推荐给喜欢的朋友一起学习。 本文的朋友介绍了一些常用的AI技术,希望能对新的AI学习者有所帮助。 问:作为新手,有没有更快的方法去AI …

用PS合成科幻电影人物海报星空背景

用PS合成科幻电影人物海报星空背景

方法,海报,星空,科幻电影,背景,本教程教你如何成为一个伟大的科幻电影海报另类 原 首先,对原电影的第一观察,三地的主要关注,原片的形状需要一点点液化修复治疗,和面可以是圆形的尽可能和肩的位置可适当液化使它更精致。面部痣、雀斑等缺陷,需要…

如何excel2010打印零件的数量,在一

如何excel2010打印零件的数量,在一

教程,数量,纸上,零件,电脑软件,当我们经常用excel打印表格时,经常会遇到这样一个问题:打印的表格在纸上常常是不完整的。 你怎么能在一张纸上打印这些零件 如果你是excel2010版本,你可以试着去帮助你。 打开需要打印一个Excel文档,然后单击文件…

使用word文档时,用亮线怎么办词中常

使用word文档时,用亮线怎么办词中常

常见问题,文档,词中,电脑软件,word,我用的是笔记本电脑,每次使用word,都会有亮线,怎么回事,是我笔记本上的问题吗 答:这是拼写检查。没关系.在您丢失之后,只需清除空格。检查是否将文本格式设置为较低的行(即,格式化工具栏的B的下一行上的按钮是亮…

PS合成童话在暗夜神秘恐怖城堡照片

PS合成童话在暗夜神秘恐怖城堡照片

教程,照片,暗夜,城堡,童话,本教程介绍给朋友,使用PS合成夜间神秘和恐怖城堡照片的童话故事。这门课的效果真的很美,难度也不大。推荐给你的朋友。 本教程是夜晚的神秘城堡的照片给朋友们对PS合成童话中的使用,本教程介绍了合成图的一些方法,合…

WPS文本使用公司徽标作为页脚WPS文

WPS文本使用公司徽标作为页脚WPS文

文本,公司,教程,徽标,电脑软件,本WPS文字使用公司LOGO图片页脚是专门为您安排的一个小编辑器,希望对您有所帮助! 制作公司标识的页眉或页脚不仅可以揭示文档的特殊性,而且还能起到推广的作用,所以很多公司都会这样做。 方法步骤 1,打开WPS文本,切…

120PS图象处理软件技术帮助你加快

120PS图象处理软件技术帮助你加快

图象处理,软件技术,帮助你,电脑软件,PS,学习这120种技巧,你会成为一个PS高手。 01。旋转式 是一个神奇的快捷方式,它可以帮助你制作令人惊叹的万花筒图案。当你使用它,你可以复制当前层,并重复之前的旋转和放大操作。如下面的显示,使用快捷键可…

让美丽的风景PS图象处理软件审美的

让美丽的风景PS图象处理软件审美的

风景,图象,处理软件,紫色,效果,材料图片的主色调是绿色的,当使用绿色色调时饱和度较中性,然后高光的图片增加一点淡蓝色,深色一点蓝色,高光区域再加一点温馨,爱的朋友让我们一起学习。 最终效果 原 1、打开材质图片,创建色彩饱和度调整层,调整黄色…

excel如何绘制斜线excel基础

excel如何绘制斜线excel基础

绘制,基础,电脑软件,excel,在做报告,每个人都有一个好的表格的第一部分制作斜线头的习惯,这样我们可以清楚地看到每个表的意义。以下文字联盟告诉我们如何画单斜线、双斜线和Excel2007多削减技术! 如何在excel中绘制单个斜杠 首先,调整第一个单…

如何设置自定义格式查找选项Word20

如何设置自定义格式查找选项Word20

自定义,选项,查找,教程,如何设置,微软Office Word是一个文字处理器应用程序的微软公司的办公套件的核心程序,Word提供了许多简单易用的文档创建工具,而且还提供了丰富的功能集的创建复杂的文档,甚至只用一点文本格式或图片处理使用的话可以进…

如何在WPS表中重命名工作表标签的W

如何在WPS表中重命名工作表标签的W

标签,教程,重命名,如何在,工作,我相信我们都明白,无论是在我们的Excel表格或在WPS表格的工作,我们的编辑工作表标签使用sheet命名,当然这是我们软件默认的名称,实际上在WPS表格我们还可以给一个名字到工作表从新命名的工作表不仅主题突出,而且由…