使用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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
jQuery(非HTML5)可编辑表格实现代码
Dec 11 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
js+css实现导航效果实例
Feb 10 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
layui实现三级联动效果
Jul 26 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
通过实例解析JavaScript常用排序算法
Sep 02 Javascript
JavaScript实现京东快递单号查询
Nov 30 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.MVC的模板标签系统(三)
2006/09/05 PHP
用PHP将数据导入到Foxmail
2006/10/09 PHP
CI(CodeIgniter)框架配置
2014/06/10 PHP
php中Socket创建与监听实现方法
2015/01/05 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
2013/04/02 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
sails框架的学习指南
2014/12/22 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
jQuery中extend函数详解
2015/07/13 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
2015/10/25 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
Python实现屏幕截图的两种方式
2018/02/05 Python
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
知识竞赛主持词
2014/03/26 职场文书
火锅店的活动方案
2014/08/15 职场文书
个人收入证明范本
2014/09/18 职场文书
师范生见习报告范文
2014/11/03 职场文书
个人工作总结范文2014
2014/11/07 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL