jQuery和原生JS的对比

摘要:
原生JS的缺点:无法添加多个条目函数。如果添加了多个入口函数,则会覆盖本机JS的上一个API名称,这太长了,无法写入。要记住一些本机JS代码是多余的,这并不容易。本机JS中的属性或方法与本机JS不兼容。有些浏览器的容错性很低,而且前面的代码有问题,下面的代码无法执行jQuery的优点:您可以编写多个条目函数。jQuery的api名称很容易记住。jQuery的代码简洁。jQuery帮助我们解决浏览器兼容性问题。容错率高。前面代码中的问题不会影响下面的代码

原生JS的缺点:

  1. 不能添加多个入口函数(window.onload),如果添加了多个,后面的会把前面的覆盖掉
  2. 原生js的api名字太长,难以书写,不易记住
  3. 原生js有的代码冗余
  4. 原生js中的属性或者方法有些浏览器无法兼容
  5. 原生js容错率比较低,前面的代码出现问题,后面的代码执行不到

jQuery的优点:

  1. 可以写多个入口函数
  2. jQuery的api名字容易记住
  3. jQuery的代码简洁
  4. jQuery帮我们解决了浏览器兼容问题
  5. 容错率比较高,前面的代码出现问题,不影响后面的代码

免责声明:文章转载自《jQuery和原生JS的对比》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Fiddler 重装时清除已有证书GOF设计模式快速学习下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery boxy弹出层对话框插件中文演示及讲解

一、前言jQuery 下的boxy可以说是一个非常实用的插件,尤其在SNS社区型的大型网站上经常见到风格类似的效果,例如开心网,人人网,facebook网站。这个提示对话框插件应用非常广泛,吃透这个jQuery插件,在灵活运用Ajax技术的话,会使网站无论技术还是体验都会有很大的提升的。具体来讲此jQuery插件包括:提示、确认,拖拉、改变大小、Ajax...

JSON与JS的区别以及转换

JSON是什么?(JSON和JavaScript对象有什么区别?)如何把JS对象转化为JSON字符串,又如何把JSON字符串转化为JavaScript对象? JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式, 这意味着在JavaScript 中处理 JSON...

点击a标签下载当前链接的图片&&js 通过 blob 类文件对象下载图片,修改图片保存的名字(兼容式写法)

若想点击a标签就下载当前链接的图片,首先必须文件是同源的,在a标签上增加download属性,才能触发点击下载的效果,若不同源的话则变成在当前页面打开该图片了。 若想要下载不同源的文件,有一种思路是将图片转为base64再赋值给a标签,这样点击后应该就能够下载了 问题:通过a标签下载图片,只有谷歌浏览器和火狐浏览器才支持 通过iframe的方式下载图片的时...

jquery----语法扩展(导入js文件)

简单使用 第一步,新建js文件 第二步,在js文件中添加 $.extend({ "GDP": function () { console.log("哈哈哈哈"); } }); 第三步,在html中使用   $.GDP()  即可 复杂(1,希望一些函数不可以被外部引用,不可以被修改$) (functi...

seaJs学习笔记之javascript的依赖问题

之前分别为大家介绍了有关javascript中的冲突和性能问题,今天为大家介绍一下有关javascript中的依赖问题。我们将继续就之前javascript中性能问题继续介绍。 先来回顾一下性能问题的解决方法,那就是按需引入js文件。那么这样按需引入会不会存在问题呢?今天我们为大家继续揭晓答案。先看如下页面。 多文件HTML代码 <!doctype...

jQuery缓存数据

很多同学在项目中都喜欢将数据存储在HTMLElement属性上,如 1 2 3 4 <div data="some data">Test</div> <script> div.getAttribute('data');// some data </script> 给页面中div添加了自定义...