您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

为什么现在还使用jQuery?理由分析

2025/11/10 0:33:47发布38次查看
据统计, jquery 全球网站使用量目前依然高企。但一个不争事实 ,随着web技术现代化,jquery 已经被边缘化,也有不少人直接认为 jquery 已经过时,不必再考虑使用。这部分人可能 很少用,或不用 jquery,使不使用jquery,还有得探讨。
首先, jquery 在开发现代前端ui上,的确失去了曾经的优势,因为web标准成熟化,不必过多考虑兼容一致性,dom操作api也有了替代;另外,又出现了新技术市场(如mvvm),可以声明式的自动化ui功能的开发。
其实,是否学用一个工具(在新项目里使用),需要考虑很多因素。就jquery而言,我认为还有学习和使用它的地方。
使用为一个商业项目选择技术栈,都要考虑投入成本和回报比率。反对使用jquery的人 一般是担心 它会过时,学了用不上,也怀疑它的开发效率。任何技术都会过时的,所以在可预期的项目上,技术是否过时不是考虑的首要因素 。首要考虑的是学习、开发维护成本 , 以及其回报的比率 。
每一种工具都是有学习成本 ,在使用上也有其适用性的。原生dom,react 的学习成本并不低,也有其独特的适用范围。
原生dom api作为一种标准,它一定是具有通用性的,dom操作是比较原始mvvm 其实只适用于 状态更新的ui,不适用一些细微的dom操作,例如动画,窗口操作其实 jquery 就是一个dom操作的工具库,你的 原生或react项目 一定会有一些自定义 的工具库,用来提高开发效率,因为原生操作是很原始的,react 的抽象不适用所有交互功能的需求 。
用不用jquery,要考虑项目性质,和具体开发任务。就目前而言,一些中小项目 ,数据交互功能不多的,引用 jquery 投入回报比应该是不错的。
学习除了使用的角度,从学习的角度,我的观点是,研习 jquery使用和源码,对于提高 js水平,和前端水平 依然有帮助。
atypic 认为依然使用 jqurey 的六个理由以下简译一下 atypic 团队总结的 使用 jquery的几个理由
第一,jqurey 的 dom节点选择器比较原生的强现在原生queryselector也是使用 css 选择器的,但是jqurey 在css标准之上更加的“高级”。所谓高级 是指针对某种 节点查询任务 更加的直接,和方便。这些部分选择器语法 并没 被 纳入css标准。例如:伪类 :visible :
$('a[href^="http://"]:visible')
这个查询 是选择 所有前缀是 http:// 这个不安全协议名,且可见的a标签。
如果你有大量 这种高级查询 ,原生满足不了(必须写大量原始操作),没有jquery,你得自己封装。
第二,jqurey 支持链式语法,可将多个dom操作写成一句jqurey构造函数($())创建并返回一个 jquery对象,这个对象实例的所有 dom 操作方法 都会修改当前实例后返回它(新的修改过后jquery实例)注1,这样,多个 dom操作 就可以连写在一起,这就是有名的 链式语法。例如
$('a[href^="http://"]').addclass(‘insecure').attr('target', '_blank');
以上语句 选中的dom节点 执行了两次操作:添加样式类(insecure)和属性(target)。如果用原生 得这么写:
const insecure_links = document.queryselector(‘a[href^=“http://“]’); insecure_links.classlist.add(‘insecure’); insecure_links.addattribute(’target’, ‘_blank’);
这里比较明显的看出jquery的优势。
第三,jqurey支持自动批量处理节点数组,语法更简洁jquery对象的dom操作方法默认是批量处理,无论是你选一个或是多个;但是如果是 多个,原生必须使用 queryselectorall,并且选中后还要手动循环处理每个节点:
const insecure_links = document.queryselectorall(‘a[href^=http://“]’); for (let i = 0; i < insecure_links.length; i++) { insecure_links[i].classlist.add(‘insecure’); insecure_links[i].addattribute(’target’, ‘_blank’); }
无论是一个 还是多个,jquery 都是一条语句(没变化):
$('a[href^="http://"]').addclass('insecure').attr('target', '_blank');
jquery 一个中间变量都不用,代码简洁易读,这就是效率。
第四,浏览器无关现代浏览器普及率已经相当不错,但不绝对,且如果你有老项目需要维护,目前还是有学用jquery的必要。如果你想用最新技术,又不得不维护兼容性,则得自己处理兼容问题,这可能不比直接使用 jquery 更有效率。尤其是 ajax 和 事件检测 这两个 兼容问题。
第五,丰富的插件库大家都很喜欢 jquery的一个点,是它有很多 非常有用 的插件。这些插件 不但多样,且成熟。一个典型例子就 是轮播插件(carousel)。不使用插件,要我们自己写一个,我们得花一到两个工作日,轮播展示功能 很复杂。
使用jquery,则有多种 轮播插件可选择,灵活且成熟,可满足任何 轮播展示的需求。
小结以上理由都为了——开发者效率,而效率要靠专注,需要抽象来维护一个较小的工作环境,忽略不必要的细节。jquery 的抽象 是有效率的。
不过,就是因jquery是有抽象的,也作为一种依赖是有大小的,所以,会有性能(运行和加载)损耗。这些都是 项目成功 的可能因素 。
原文地址:https://nakeman.cn/blog/reasons-why-we-still-use-jquery/%ef%bc%89
更多编程相关知识,请访问:编程教学!!
以上就是为什么现在还使用jquery?理由分析的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product