zepto和jQuery的区别

zepto可以说是jQuery的子集,按照官方文档来说,会jQuery就会zepto
Zepto更轻量级
Zepto是jQuery的精简,针对移动端去除了大量jQuery的兼容代码
部分API的实现方式不同

区别:
1.zepto主要用于移动端

2,Dom操作的区别:添加id时jQuery不会生效而Zepto会生效。

3,事件触发的区别:使用 jQuery 时 load 事件的处理函数不会执行;使用 Zepto 时 load 事件的处理函数会执行。

4,事件委托的区别:

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

6,offset()的区别:Zepto返回{top,left,width,height};jQuery返回{width,height}。

7,Zepto无法获取隐藏元素宽高,jQuery 可以。

8,Zepto中没有为原型定义extend方法而jQuery有。

9,Zepto 的each 方法只能遍历 数组,不能遍历JSON对象。

10,Zepto在操作dom的selected和checked属性时尽量使用prop方法,在读取属性值的情况下优先于attr。Zepto获取select元素的选中option不能用类似jQuery的方法 ( ′ o p t i o n [ s e l e c t e d ] ′ ) , 因 为 s e l e c t e d 属 性 不 是 c s s 的 标 准 属 性 。 应 该 使 用 ('option[selected]'),因为selected属性不是css的标准属性。应该使用 (option[selected]),selectedcss使(‘option’).not(function(){ return !this.selected })。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值