为什么我会把 JavaScript 代码从 jQuery 转为 JavaScript 原生 —— 记录 jQuery 与 JavaScript 某些细节上的区别

原创 已于 2022-05-05 14:41:43 修改 · 564 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #jquery

于 2022-05-05 06:00:57 首次发布
本文探讨了在将jQuery代码转换为JavaScript时遇到的两个问题：1) jQuery中负数选择器eq不报错但可能隐藏错误；2) 获取undefined值时不报错。这些情况在JavaScript中会直接抛出错误，提醒开发者注意潜在问题。理解这些差异对于优化和调试代码至关重要。

1. 在 jQuery 中，当标签选择器 eq 为负数时居然不会报错，虽然最后显示的结果是正确的，但是不易于排查错误。此错误的发现是当把 jQuery 代码改为 JavaScript 代码运行时才发现的。

2.获取到值为 undefined 也不报错，也是改成 JavaScript 源码运行才提示错误

jQuery

JavaScript

 

csdn_fsm
关注
详解用原生JavaScript实现jQuery的某些简单功能
10-20
然而，理解如何用原生JavaScript实现jQuery的功能对于提升开发者的技术水平和优化代码性能非常有益。本文将深入探讨如何使用纯JavaScript实现jQuery的一些基础功能。 首先，我们需要创建一个类似于jQuery的对象，...
原生Javascript和jQuery做轮播图简单例子
10-21
jQuery虽然能够提高开发效率，但在一些简单的应用场景中，原生Javascript可能更为合适，特别是在移动端或老旧设备上，过度依赖jQuery可能会导致性能问题。 总的来说，通过学习这篇文章，我们可以了解到以下几点知识...
jQuery与原生js的转换
爱兰河少
08-07 468
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；例如： $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。 DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascr...
jQuery requires a window with a document异常解决方案
https://github.com/JelinYao
10-09 7288
npm install -g jquery默认安装jquery时，版本是最新版2.1.0，这个版本没有包括jsdom，需要额外安装一个jsdom。 安装jsdom：npm install -g jsdom 然后这么使用： var jsdom = require(“jsdom”);$ = require(“jquery”)(jsdom.jsdom().createWindow())
对前端js代码添加测试：Error: jQuery requires a window with a document
yinkaihui的博客
11-30 2016
在对前端的js代码添加测试的时候，因为项目需要，首先把amd格式的代码改成了cmd。但是在引用index.js 进行测试的时候，一直报 Error: jQuery requires a window with a document 错误。查阅发现，较新版本的jquery里没有jsdom，所以在node中调用jquery的时候，会报 Error: jQuery requires a window wi
jQuery对象与js对象之间的转换
zhansan的博客
06-04 1786
jQuery对象与js对象之间的转换
jquery对象怎么转为js对象
weixin_66107848的博客
02-01 1066
jquery对象转换成js对象的方法：1、使用“jquery对象[index]”语句进行转换；2、使用“jquery对象.get(index)”语句进行转换。 js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。 例如： ①document.getElementById("text").hide(); 实现
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
10-23
无论是原生JavaScript还是jQuery的ajax方法，都可以设置dataType为"json"来告诉浏览器预期响应的内容类型为JSON。当请求成功完成后，浏览器会自动解析JSON格式的数据，并将其转换成JavaScript对象或数组，开发者可以...
jQuery对象和Javascript对象之间转换的实例代码
12-09
有时，你可能需要从jQuery对象中提取原始的DOM元素以便使用JavaScript原生方法。有以下两种方式： 1. **索引访问**：jQuery对象实际上是一个数组-like对象，你可以通过索引来访问其内部的DOM元素。例如： ```...
jQuery与原生JavaScript选择HTML元素集合用法对比分析
10-15
主要介绍了jQuery与原生JavaScript选择HTML元素集合用法,结合实例形式对比分析了jquery与原生JavaScript选择页面HTML相关操作方法、注意事项及运行效率,需要的朋友可以参考下
JavaScript对象与JQuery对象及其相互转换
m0_46160024的博客
05-12 510
本段代码展示了JavaScript对象与JQuery对象及其相互转换，具体分为三个小部分，即JavaScript对象、JQuery对象以及两者之间的相互转换。
jQuery转换JS原生代码
McDull的博客
04-19 2640
很多的 JavaScript 开发人员，包括我在内，都很喜欢 jQuery。因为它的简单，因为它有很多丰富的插件可供使用，和其它优秀的工具一样，jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用。 　　然而，另一方面，作为前端开发的基础框架，jQuery 包含大量的兼容性代码和扩展功能，其中有很多在你的整个项目中可能都不会用到。其实如果你只是针对现代浏览器，很多功能使用原生
jquery与javascript的相互转换
piao317110771的博客
11-23 817
1、代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;
You-Dont-Need-JQuery (你不需要JQuery)
dglf54292的博客
03-14 466
看完这篇文章我才觉得真的要用JQuery ，因为实在是有些地方设计的使用太复杂了， document.querySelector() 和 Document.querySelectorAll 的确是很方便的API... 不过很多功能还是用JQuery实现起来比较简单。 You Don't Need jQuery 前端发展很快，现代浏览器原生 API 已经足够好用。我们...
javascript和jquery实现页面元素显示/隐藏切换的方法
liaomingwu的专栏
01-06 4793
javascript和jquery实现页面元素显示/隐藏切换的方法
jQuery对象与原生js的相互转化
赵佳敏的博客
11-10 1113
1.jquery对象如何转换成原生js对象 console.log($("#btninfo")[0]); 2.原生js如何转化为jquery对象 var id=document.querySelector("#btninfo"); console.log(id); console.log($(id));
看了这个才发现jQuery源代码不是那么晦涩
weixin_30294021的博客
11-05 188
很多人觉得jquery、ext等一些开源js源代码 十分的晦涩，读不懂，遇到问题需要调试也很费劲。其实我个人感觉主要是有几个方面的原因： 1、对一些js不常用的语法、操作符不熟悉 2、某个function中又嵌套了一些内部的function，使得整个代码的层次结构不像java代码那么清晰。 3、js中允许变量先使用后定义，会造成我们看代码时候忽然冒出来一个变量、function，却找不到是在...
webpack 运行时报 jQuery的错
egg_er的博客
04-18 1332
webpack 运行时报 jQuery的错 报错信息： ERROR in ./node_modules/jQuery/lib/node-jquery.js 5:13-35 Module not found: Error: Can't resolve 'jsdom' in 'C:\Users\Dell\Desktop\dmeo\node_modules\jQuery\lib' @ ./src/index.js 1:0-22 3:0-1 4:4-5 5:4-5 ERROR in ./node_modules
基于jQuery与JavaScript的考试特效代码实现
“考试jquery特效代码_考试js特效代码”这一标题明确指向一套用于前端开发的网页特效实现方案，其核心内容聚焦于使用 jQuery 和原生 JavaScript（JS）技术来构建具有动态交互效果的网页元素。从描述“考试jquery特效...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值