使用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中文逗号转英文实现
Feb 11 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
jquery实现图片预加载
Dec 25 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
利用D3.js实现最简单的柱状图示例代码
Dec 09 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
require.js 加载过程与使用方法介绍
Oct 30 Javascript
React手稿之 React-Saga的详解
Nov 12 Javascript
vue-router传递参数的几种方式实例详解
Nov 13 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 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 XML error parsing SOAP payload on line 1
2010/06/17 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
PHP云打印类完整示例
2016/10/15 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
25个好玩的JavaScript小游戏分享
2011/04/22 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
简述数组与指针的区别
2014/01/02 面试题
物流管理应届生求职信
2013/11/07 职场文书
实习生自我鉴定
2013/12/12 职场文书
军训心得体会
2013/12/31 职场文书
关于运动会的稿件
2014/02/02 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
八项规定整改方案
2014/10/01 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
2015初中团委工作总结
2015/07/28 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
2016年教师节慰问信
2015/12/01 职场文书
高一语文教学反思
2016/02/16 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android