使用JQuery选择HTML遍历函数的方法


Posted in Javascript onSeptember 17, 2016

使用JQuery,可以很容易的选择THML元素。但在有些时候,HTML结构比较复杂的时候,提炼我们选择的元素就是一件比较麻烦的事情。

1、children

这个函数得到一组元素的直接子级。

给children()传递一个选择表达式将选择结果缩小至选中的元素;

如果chilidren()每接受任何参数,将返回所有直接子级;不返回它的孙级元素。

2、filter

这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。

3、not

与filter恰恰相反,not()从集合中移除匹配的元素。

4、add

如果我们想在集合中增加一些元素怎么办?add()函数正是做这件事的。

5、slice

有时候,我们需要根据元素在集合的位置获取集合的子集。sliece()正是做这个的。

第一个参数是从零开始的第一个元素的位置,它包含在返回的片段中;

第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。如果省略,将延伸至集合的末尾;

6、parent

parent()函数选取一系列元素的直接父级。

7、parents

这是复数形式,parents()选择集合的所有祖先元素。我的意思是所有祖先元素包括直接父级到“body”和“html”元素。所以最好通过传递表达式缩小选择结果。

8、siblings

这个函数选择一组元素的所有兄弟姐妹,传递一个表达式可以筛选结果。

9、prev & prevAll

prev()函数选择前一个兄弟节点。prevAll()选择一个元素集合前面所有的兄弟节点。

10、next & nextAll

这些函数与prev和prevAll工作方式相同,不过它选择的是下一个兄弟姐妹。

以上这篇使用JQuery选择HTML遍历函数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
js调用css属性写法
Sep 21 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
原生js的数组除重复简单实例
May 24 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
jsp 自动编译机制详细介绍
Dec 01 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 #Javascript
JavaScript每天必学之数组和对象部分
Sep 17 #Javascript
JavaScript每天必学之基础知识
Sep 17 #Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 #Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 #Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 #Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 #Javascript
You might like
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
PHP 高手之路(二)
2006/10/09 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
利用NodeJS的子进程(child_process)调用系统命令的方法分享
2013/06/05 NodeJs
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
PyQt5实现类似别踩白块游戏
2019/01/24 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
Python线程threading模块用法详解
2020/02/26 Python
python元组拆包实现方法
2021/02/28 Python
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
女大学生毕业找工作的自我评价
2013/10/03 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
总经理任命书
2014/03/29 职场文书
初中新生军训方案
2014/05/13 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
庆祝儿童节标语
2014/10/09 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
委托书格式范文
2015/01/28 职场文书
具结保证书范本
2015/05/11 职场文书
iPhone13再次曝光
2021/04/15 数码科技
基于Python的EasyGUI学习实践
2021/05/07 Python
试了下Golang实现try catch的方法
2021/07/01 Golang