使用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 相关文章推荐
js 刷新页面的代码小结 推荐
Apr 02 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
jQuery 无刷新分页实例代码
Nov 12 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
Javascript闭包实例详解
Nov 29 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
原生JS进行前后端同构
Apr 22 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
PHP实现时间轴函数代码
2011/10/08 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
js+css实现tab菜单切换效果的方法
2015/01/20 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
快速入门Vue
2016/12/19 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
vue元素实现动画过渡效果
2017/07/01 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
Vue项目中如何引入icon图标
2018/03/28 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
Python的Tkinter点击按钮触发事件的例子
2019/07/19 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
进程的查看和调度分别使用什么命令
2015/03/25 面试题
期终自我鉴定
2014/02/17 职场文书
创先争优个人承诺书
2014/08/30 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
违反交通安全法检讨书
2014/10/24 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
2015中学学校工作总结
2015/07/20 职场文书
详解python网络进程
2021/06/15 Python
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
CentOS MySql8 远程连接实战
2022/04/19 MySQL