使用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 03 Javascript
JS实现仿京东淘宝竖排二级导航
Dec 08 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
jQuery EasyUI中DataGird动态生成列的方法
Apr 05 Javascript
最实用的jQuery分页插件
Oct 09 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
Vue中的循环及修改差值表达式的方法
Aug 29 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
Vue 2.0双向绑定原理的实现方法
Oct 23 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 define()函数及defined()函数使用详解
2013/06/09 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
JS获取地址栏参数的小例子
2013/08/23 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
JS常用函数使用指南
2014/11/23 Javascript
jQuery获取样式中颜色值的方法
2015/01/29 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
jQuery获取复选框被选中数量及判断选择值的方法详解
2016/05/25 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
关于Vue中axios的封装实例详解
2019/10/20 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
python概率计算器实例分析
2015/03/25 Python
python基础教程之五种数据类型详解
2017/01/12 Python
Python 中 list 的各项操作技巧
2017/04/13 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
tensorflow 变长序列存储实例
2020/01/20 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
大学生就业意向书范文
2014/04/01 职场文书
青春寄语大全
2014/04/09 职场文书
电教室标语
2014/06/20 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
安全保证书
2015/01/16 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
第二次离婚起诉书
2015/05/18 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技