Maison> interface Web> js tutoriel> le corps du texte

jQuery和Zepto的差异有什么

青灯夜游
Libérer: 2020-11-30 11:42:19
original
1845 Les gens l'ont consulté

差异:1、Zepto中,针对移动端去除了大量jQuery的兼容代码;2、使用jQuery时load事件的处理函数不会执行;使用Zepto时load事件的处理函数会执行;3、zepto中没有为原型定义extend方法,而jquery有。

jQuery和Zepto的差异有什么

本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。

jQuery和Zepto的差异

1、Zepto更轻量级

2、Zepto是jQuery的精简,针对移动端去除了大量jQuery的兼容代码

3、部分API的实现方式不同

1)、针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件),Zepto是不支持IE浏览器的。

2)、DOM操作的区别:添加id时jQuery不会生效而Zepto会生效

(function($) { $(function() { var $insert = $('

jQuery 插入

', { id: 'insert-by-jquery' }); $insert.appendTo($('body')); }); })(window.jQuery); //

jQuery 插入

Zepto(function($) { var $insert = $('

Zepto 插入

', { id: 'insert-by-zepto' }); $insert.appendTo($('body')); }); //

Zepto 插入

Copier après la connexion

3)、事件触发的区别:使用jquery时load事件的处理函数不会执行;使用zepto时load事件的处理函数会执行

(function($) { $(function() { $script = $('