使用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 相关文章推荐
jquery 上下滚动广告
Jun 17 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
IE6下拉框图层问题探讨及解决
Jan 03 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
React 实现拖拽功能的示例代码
Jan 06 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 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
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
node.js中的require使用详解
2014/12/15 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
jQuery实现点击关注和取消功能
2017/07/03 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
Vue2.0权限树组件实现代码
2017/08/29 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
Java设计中的Builder模式的介绍
2018/03/22 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
2018/10/28 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
详解python eval函数的妙用
2017/11/16 Python
python实现扫描日志关键字的示例
2018/04/28 Python
Python for循环中的陷阱详解
2018/07/13 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
俄罗斯游戏商店:Buka
2020/03/01 全球购物
租车协议书范本
2014/04/22 职场文书
投标授权委托书范文
2014/08/02 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
个人更名证明
2015/06/23 职场文书