使用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 相关文章推荐
一个简单的javascript类定义例子
Sep 12 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
轻量级 JS ToolTip提示效果
Jul 20 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 Javascript
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
基于jquery 的一个progressbar widge
2010/10/29 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
javascript 数组操作详解
2015/01/29 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
[01:05:30]VP vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中文竖排显示的方法
2015/07/28 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
美国知名艺术画网站:Art.com
2017/02/09 全球购物
英文版银行求职信
2013/10/09 职场文书
怎么样写好简历中的自我评价
2013/10/25 职场文书
认识深刻的检讨书
2014/02/16 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
2014年销售工作总结
2014/12/01 职场文书
工作检讨书怎么写
2015/01/23 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
《桂花雨》教学反思
2016/02/19 职场文书