使用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 调试利器 Firebug使用详解六
Jul 05 Javascript
javascript几个易错点记录
Nov 26 Javascript
用js实现博客打赏功能
Oct 24 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
详解js中==与===的区别
Jan 08 Javascript
jQuery+ajax实现局部刷新的两种方法
Jun 08 jQuery
详解EasyUi控件中的Datagrid
Aug 23 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
JS实现“全选”和"全不选"功能代码实例
Feb 06 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
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
php实现的简单压缩英文字符串的代码
2008/04/24 PHP
PHP系统命令函数使用分析
2013/07/05 PHP
php单例模式的简单实现方法
2016/06/10 PHP
DOM精简教程
2006/10/03 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
bootstrap fileinput完整实例分享
2016/11/08 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
[59:36]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第二场
2018/04/04 DOTA
Python构造函数及解构函数介绍
2015/02/26 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
.NET面试10题
2014/02/24 面试题
施工材料员岗位职责
2014/02/12 职场文书
医药营销个人求职信
2014/04/12 职场文书
新闻学专业求职信
2014/07/28 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
六查六看心得体会
2014/10/14 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
2015年七年级班主任工作总结
2015/05/21 职场文书
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript