首页 > 其他分享 >jQuery与Zepto的区别

jQuery与Zepto的区别

时间:2022-09-26 20:55:41浏览次数:46  
标签:jQuery jquery 区别 width 事件 Zepto zepto

1、Zepto更轻量级

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

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

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

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

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

4、事件委托的区别:zepto中,选择器上所有的委托事件都依次放入到一个队列中,而在jquery中则委托成独立的多个事件

5、width() 与 height()的区别:zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css(‘width’)返回border等的结果;jquery会忽略盒模型,始终返回内容区域的宽/高(不包含padding、border).

6、offset()的区别:zepto返回{top,left,width,height}; jquery返回{width,height}。zepto无法获取隐藏元素宽高,jquery可以

7、zepto中没有为原型定义extend方法而jquery有

8、zepto的each方法只能遍历数组,不能遍历JSON对象。

标签:jQuery,jquery,区别,width,事件,Zepto,zepto
From: https://www.cnblogs.com/bkyjmjweb/p/16732436.html

相关文章

  • jquery.extend 与 jquery.fn.extend的区别
    jquery.extend(object);为扩展jQuery类本身.为类添加新的方法。2.jquery.fn.extend(object);给jQuery对象添加方法。$.extend({    add:function(a,b){returna+b;}}......
  • split() join() 的区别
    split是字符串的方法,将字符串按照特定标志分割成数组例:“u&s”.split(“&”)------ [“u”,”s”]join:是数组方法,将数组按标志组合成字符串 [“u”,”s”].join(“-......
  • 函数声明和函数表达式声明的区别
    函数声明:sum();//10functionsum(){console.log(10)}表达式声明   s();//报错sisnotafunction   vars=function(){console.log(20)}在预解析的过......
  • alpha、beta、rc各版本区别
    很多软件在正式发布前都会发布一些预览版或者测试版,一般都叫“beta版”或者“rc版”,特别是开源软件,甚至有“alpha版”,下面来解释一下各个版本的意思。alpha版:内部测试......
  • IPv4和IPv6的区别
    表示不同: 1.IPv4地址以点分十进制表示,ip地址为32位,是数字地址,以点分隔。2.IPv6地址使用以冒号分隔的十六进制数字,ip地址为128位,是字母数字地址,以冒号分隔。八......
  • golang 中 取切片元素 与 切片再生成切片的区别
    funcmain(){//定义一个切片a:=[]byte{1,2,3}fmt.Printf("a的类型%T\n",a)//a的类型[]uint8fmt.Printf("a原来的值%v\n",a)//a原来的值[1......
  • [spring cloud] @EnabledEurekaClient 与 @EnabledDiscoveryClient的区别
    https://blog.51cto.com/u_15437298/4694156相同点都是将自身作为服务向注册中心注册不同点@EnabledEurekaClient只能向eureka注册@EnabledDiscoveryClient通用......
  • width和max-width区别
    https://www.w3school.com.cn/css/css_max-width.asp 使用max-width可以改善浏览器对小窗口的处理。例如div宽度是500px,当宽度小于500时,max-width对应的窗口显示的内......
  • 【学习笔记】初始JQuery
    初始JQuery 了解JQueryjQuery和JavaScript的关系:jQuery相当于一个库,里面有大量的JavaScript函数和Java中的工具类差不多。 获取jQuery 官网下载[jquery.co......
  • display:none和visibility:hidden区别
    二者都是将元素属性隐藏,但不同的是,display:none隐藏后,不占位置;而visibility:hidden隐藏后,原位置仍然存在   display:none;  visibility:hidden;  ......