使用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 相关文章推荐
PHP 与 js的通信(via ajax,json)
Nov 16 Javascript
jquery实现动态画圆
Dec 04 Javascript
Javascript实现禁止输入中文或英文的例子
Dec 09 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
Nov 09 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
Aug 27 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 Javascript
vue使用swiper实现左右滑动切换图片
Oct 16 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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
浅谈php://filter的妙用
2019/03/05 PHP
Swoole 5将移除自动添加Event::wait()特性详解
2019/07/10 PHP
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
JQuery在页面中添加和除移DOM示例代码
2013/06/24 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
基于vue.js实现图片轮播效果
2016/12/01 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
简单谈谈Python中的json与pickle
2017/07/19 Python
Django如何自定义分页
2018/09/25 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
django 环境变量配置过程详解
2019/08/06 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
python hashlib加密实现代码
2019/10/17 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
python代码xml转txt实例
2020/03/10 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
《手指教学》反思
2014/02/14 职场文书
计算机求职自荐信范文
2014/04/19 职场文书
分家协议书范本
2016/03/22 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
JUnit5常用注解的使用
2021/07/02 Java/Android