提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue学习笔记九：Jquery VS Vue之遍历方法对照

VuejQueryvs遍历方法笔记学习 对照
2023-09-11 14:19:17 时间

系列文章目录

第一篇：Jquery VS Vue之差异比较概览
第二篇：Jquery VS Vue之元素操作明细对照
第三篇：Jquery VS Vue之事件监听明细对照
第四篇：Jquery VS Vue之网络请求明细对照
第五篇：Jquery VS Vue之杂项方法明细对照
第六篇：Jquery VS Vue之全局属性对照
第七篇：Jquery VS Vue之遍历方法对照
第八篇：Jquery VS Vue之页面动画明细对照

文章目录

一、前言

本篇对比Jquery中的遍历方法在vue中的实现，本文中的vue对应实现方法可能有多种方式，只列出我所知道的，若有其它对应的操作方法可留言给我补充。
jquery参考文档：jQuery 相关方法
vue参考文档：Vue Api

二、明细

方法描述
add()把元素添加到匹配元素的集合中
addBack()把之前的元素集添加到当前集合中
children()返回被选元素的所有直接子元素
closest()返回被选元素的第一个祖先元素
contents()返回被选元素的所有直接子元素（包含文本和注释节点）
each()为每个匹配元素执行函数
end()结束当前链中最近的一次筛选操作，并把匹配元素集合返回到前一次的状态
eq()返回带有被选元素的指定索引号的元素
filter()把匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素
find()返回被选元素的后代元素
first()返回被选元素的第一个元素
has()返回拥有一个或多个元素在其内的所有元素
is()根据选择器/元素/jQuery 对象检查匹配元素集合，如果存在至少一个匹配元素，则返回 true
last()返回被选元素的最后一个元素
map()把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象
next()返回被选元素的后一个同级元素
nextAll()返回被选元素之后的所有同级元素
nextUntil()返回介于两个给定参数之间的每个元素之后的所有同级元素
not()从匹配元素集合中移除元素
offsetParent()返回第一个定位的父元素
parent()返回被选元素的直接父元素
parents()返回被选元素的所有祖先元素
parentsUntil()返回介于两个给定参数之间的所有祖先元素
prev()返回被选元素的前一个同级元素
prevAll()返回被选元素之前的所有同级元素
prevUntil()返回介于两个给定参数之间的每个元素之前的所有同级元素
siblings()返回被选元素的所有同级元素
slice()把匹配元素集合缩减为指定范围的子集

在vue中的对应实现：
vue中无元素选择器相关的实现，因为vue中的展示是直接使用代码控制的，所以无这些使用方法。

三、总结

本篇汇总了jquery中一些遍历方法对应vue中的实现方式。

相关文章