使用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 相关文章推荐
jquery tools 系列 scrollable学习
Sep 06 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
Angular实现form自动布局
2016/01/28 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
Django多数据库联用实现方法解析
2020/11/12 Python
python opencv角点检测连线功能的实现代码
2020/11/24 Python
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
工程建设实施方案
2014/03/14 职场文书
初中班主任评语
2014/04/24 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
经销商会议开幕词
2016/03/04 职场文书
励志正能量20句:送给所有为梦想拼搏的人
2019/11/11 职场文书
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android