第一部分:介绍方法

(1)     first():获得匹配元素集合中每个元素紧邻的前一个同辈元素。

(2)     last():获得匹配元素集合中每个元素之前的所有同辈元素。

(3)     eq():获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。

(4)     filter():允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回

(5)     not():返回不匹配标准的所有元素

第二部分:代码结构展示

(1)这一张图中的代码是:HTML的部分

(2)第二张图中是我们的Css部分样式以及我们的JQ部分遍历_过滤的方法设置

第三部分:效果图展示

(1)这是没有展示效果的原图

(2)这张图是我们的第一个方法first():返回被选元素的首个元素

(3)这张图是我们的第二个方法last:返回被选元素的最后一个元素

(4)这张图是我们的第三个方法eq():返回被选元素中带有指定索引号的元素

索引号从 0 开始,因此首个元素的索引号是0 而不是 1。

(5)这张图是我们的第四个方法filter():允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

(6)这张图是我们的第五个方法not():返回不匹配标准的所有元素。

not() 方法与 filter()方法效果相反。

这是我所学到的jQuery 遍历 – 过滤的方法,想分享给你们,希望可以帮助到你们。以上就是我的分享,如有更好的方法,欢迎大家推荐!写错的地方,欢迎大家在评论区指正!谢谢!

jQuery 遍历 - 过滤相关推荐

  1. jQuery遍历——过滤

    任务描述 本关任务:jQuery 遍历 DOM 元素的过滤方法.效果如下: 相关知识 为了完成本关任务,你需要掌握:1.first(),2. last() 3. eq(),4. filter(),5. ...

  2. JQuery:JQuery遍历详解

    JQuery:遍历 一.什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着 ...

  3. jQuery——遍历

    向上遍历DOM树 .parent():返回被选元素的直接父元素,该方法只会向上一级对DOM树进行遍历 .parents():返回被选元素的所有祖先元素,一直向上遍历,直到文档的根元素(html) .p ...

  4. 前端 -> jQuery 遍历

    文章目录 jQuery 遍历 - 祖先 jQuery parentsUntil() 方法 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤 详 ...

  5. Educoder:jQuery遍历

    目录: 第1关:jQuery--遍历DOM元素的祖先元素 第2关:jQuery--遍历DOM元素的后代元素 第3关:jQuery--遍历DOM元素的兄弟元素 第4关:jQuery遍历--过滤 第1关: ...

  6. jquery遍历节点

    jquery遍历节点的方法相对来说是一个大模块.可以用于查找,过滤和串联等等操作.非常方便匹配到自己想要的元素进行对应的操作.同时根据jquery的选择器的链式编程,可能一行代码就可以实现一个强大的功 ...

  7. jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery遍历元素 jquery元素的函数包括children.find.parent.parents.parentsUn ...

  8. jquery 遍历无限极树_jQuery parent()和children()树遍历函数示例

    jquery 遍历无限极树 jQuery provides a lot of tree traversal functions that we can use to get the parent, c ...

  9. jquery遍历节点的方法

    jquery遍历节点方法总结: 后代遍历 children()方法返回被选元素的所有直接子元素. find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 祖先遍历 parent()方法返回 ...

最新文章

  1. 苏州大学计算机科学与技术研究生分数线,【图片】18年苏州大学计算机872考研经验分享【苏州大学研究生吧】_百度贴吧...
  2. python 城市地图_python – 使用Basemap获取城市地图的最佳方式?
  3. 前端学习(1757):前端调试值之网络条件与user-Agent的设置
  4. shell调用python权限不足_使用权限从python运行shell脚本
  5. ckrule规则编辑器在wpf中的使用
  6. smart模版学习笔记一
  7. 庆祝本人在cnblogs排名进入前2000!
  8. 关于telnet的安装
  9. Cocos2dx中利用双向链表实现无限循环滚动层
  10. Ubuntu 19 ✖64安装GDAL
  11. 一文看懂:工程项目管理软件有哪些?怎么选?
  12. python程序实现rep后剪枝算法
  13. 教程:如何使用Java以编程方式打印PDF文件?
  14. UVa OJ 10361 自动作诗机
  15. 数据结构与算法基本概念
  16. 网络面试一百问<待整理>
  17. html表单中添加手机短信认证,表单提交前验证短信验证码是否正确
  18. 移动端小说APP体验报告
  19. Linux-IO全整理:BIO/NIO/IO多路复用解析
  20. 微信小程序实现下拉分页加载更多数据

热门文章

  1. 关于华为麦芒6安卓开发调试的一点记录
  2. php中redis memcache等缓存的应用
  3. APP点赞和取消点赞
  4. C++怎样打开网页?
  5. C# 实现不规则图形裁剪(高效)
  6. Sentry部署:(前端)sentry与前端项目结合
  7. Python库简介之pylab
  8. 公主同盟自然流程攻略(GBA版)第2关 狼之口
  9. Python数据可视化:如何创建柱状图
  10. Photoshop一键制作从序列图导出GIF(GUI版本)