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

已于 2022-05-05 14:41:43 修改
阅读量508 收藏
点赞数
文章标签： javascript jquery
于 2022-05-05 06:00:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn_fsm/article/details/124581189
版权

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

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

jQuery

JavaScript

 

csdn_fsm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对前端js代码添加测试：Error: jQuery requires a window with a document
yinkaihui的博客
11-30 1897
在对前端的js代码添加测试的时候，因为项目需要，首先把amd格式的代码改成了cmd。但是在引用index.js 进行测试的时候，一直报 Error: jQuery requires a window with a document 错误。查阅发现，较新版本的jquery里没有jsdom，所以在node中调用jquery的时候，会报 Error: jQuery requires a window wi
详解用原生JavaScript实现jQuery的某些简单功能
10-20
然而，理解如何用原生JavaScript实现jQuery的功能对于提升开发者的技术水平和优化代码性能非常有益。本文将深入探讨如何使用纯JavaScript实现jQuery的一些基础功能。 首先，我们需要创建一个类似于jQuery的对象，...
jQuery与原生js的转换
爱兰河少
08-07 407
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 7121
npm install -g jquery默认安装jquery时，版本是最新版2.1.0，这个版本没有包括jsdom，需要额外安装一个jsdom。 安装jsdom：npm install -g jsdom 然后这么使用： var jsdom = require(“jsdom”);$ = require(“jquery”)(jsdom.jsdom().createWindow())
jQuery对象与js对象之间的转换
zhansan的博客
06-04 1702
jQuery对象与js对象之间的转换
jquery对象怎么转为js对象
weixin_66107848的博客
02-01 943
jquery对象转换成js对象的方法：1、使用“jquery对象[index]”语句进行转换；2、使用“jquery对象.get(index)”语句进行转换。 js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。 例如： ①document.getElementById("text").hide(); 实现
jQuery与原生JavaScript选择HTML元素集合用法对比分析
10-15
主要介绍了jQuery与原生JavaScript选择HTML元素集合用法,结合实例形式对比分析了jquery与原生JavaScript选择页面HTML相关操作方法、注意事项及运行效率,需要的朋友可以参考下
原生Javascript和jQuery做轮播图简单例子
10-21
jQuery虽然能够提高开发效率，但在一些简单的应用场景中，原生Javascript可能更为合适，特别是在移动端或老旧设备上，过度依赖jQuery可能会导致性能问题。 总的来说，通过学习这篇文章，我们可以了解到以下几点知识...
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
10-23
无论是原生JavaScript还是jQuery的ajax方法，都可以设置dataType为"json"来告诉浏览器预期响应的内容类型为JSON。当请求成功完成后，浏览器会自动解析JSON格式的数据，并将其转换成JavaScript对象或数组，开发者可以...
用原生JavaScript + Jquery 做一个网页版2048小游戏
最新发布
04-18
在本项目中，我们将利用原生JavaScript和jQuery库来创建一个经典的2048小游戏的网页版。2048游戏是一个数字拼图游戏，玩家通过上下左右滑动棋盘，使得相同数字的方块合并成更大的数字，目标是达到2048这个数值。下面...
JavaScript对象与JQuery对象及其相互转换
m0_46160024的博客
05-12 446
本段代码展示了JavaScript对象与JQuery对象及其相互转换，具体分为三个小部分，即JavaScript对象、JQuery对象以及两者之间的相互转换。
jQuery转换JS原生代码
McDull的博客
04-19 2561
很多的 JavaScript 开发人员，包括我在内，都很喜欢 jQuery。因为它的简单，因为它有很多丰富的插件可供使用，和其它优秀的工具一样，jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用。 　　然而，另一方面，作为前端开发的基础框架，jQuery 包含大量的兼容性代码和扩展功能，其中有很多在你的整个项目中可能都不会用到。其实如果你只是针对现代浏览器，很多功能使用原生
jquery与javascript的相互转换
piao317110771的博客
11-23 752
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 409
看完这篇文章我才觉得真的要用JQuery ，因为实在是有些地方设计的使用太复杂了， document.querySelector() 和 Document.querySelectorAll 的确是很方便的API... 不过很多功能还是用JQuery实现起来比较简单。 You Don't Need jQuery 前端发展很快，现代浏览器原生 API 已经足够好用。我们...
javascript和jquery实现页面元素显示/隐藏切换的方法
liaomingwu的专栏
01-06 4623
javascript和jquery实现页面元素显示/隐藏切换的方法
jQuery对象与原生js的相互转化
赵佳敏的博客
11-10 1046
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 137
很多人觉得jquery、ext等一些开源js源代码 十分的晦涩，读不懂，遇到问题需要调试也很费劲。其实我个人感觉主要是有几个方面的原因： 1、对一些js不常用的语法、操作符不熟悉 2、某个function中又嵌套了一些内部的function，使得整个代码的层次结构不像java代码那么清晰。 3、js中允许变量先使用后定义，会造成我们看代码时候忽然冒出来一个变量、function，却找不到是在...
webpack 运行时报 jQuery的错
egg_er的博客
04-18 1092
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
"JavaScript与JQuery分享与区别，IT开发组教材
从功能上来看，JavaScript 是一门面向对象的语言，而 JQuery 则更倾向于编写函数式的代码。同时，JavaScript 更适用于处理大型和复杂的应用程序，而JQuery 则更适用于简单和小规模的项目。因此，在实际开发中，开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值