使用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 验证表单(form)中的单选(radio)值
Sep 08 Javascript
15 个 JavaScript Web UI 库
May 19 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
jQuery each函数源码分析
May 25 Javascript
angular select 默认值设置方法
Jun 23 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
Vue.js 中的实用工具方法【推荐】
Jul 04 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
2017/08/31 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
vuex进阶知识点巩固
2018/05/20 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
js如何验证密码强度
2020/03/18 Javascript
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
python任务调度实例分析
2015/05/19 Python
Python3 Random模块代码详解
2017/12/04 Python
windows下python安装小白入门教程
2018/09/18 Python
python游戏开发的五个案例分享
2020/03/09 Python
从python读取sql的实例方法
2020/07/21 Python
Python3爬虫关于识别点触点选验证码的实例讲解
2020/07/30 Python
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
暑期培训随笔感言
2014/03/10 职场文书
租赁意向书范本
2014/04/01 职场文书
公司请假条格式
2014/04/11 职场文书
双方协议书
2014/04/22 职场文书
人力资源管理求职信
2014/08/07 职场文书
责任书格式
2015/01/29 职场文书
国情备忘录观后感
2015/06/04 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
2016年感恩母亲节活动总结
2016/04/01 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
Java数组详细介绍及相关工具类
2022/04/14 Java/Android