zepto.js

概述

zepto是一个轻量级的针对现代高级浏览器(IE10+)的JSDOM库，它与jQuery有类似的API，少了很多兼容性代码。通常用作移动端浏览器上。

选择器

语法和jQuery一样，但不支持jQuery的自创选择器，如：:odd :even :first: :last :eq() :lt() :gt()

css3的选择器是支持的。

动画

zepto默认不包含动画，需要自己去zepto官网，到模组那里下载。

animate()

$(" ").animate({

​ 修改成的属性

},动画过渡时间,动画过度效果，function(){动画结束之后回调})

进入fx模块，复制代码到zepto.js的末尾。

动画原理是过度，不是定时器。所以它能实现背景颜色的动画，背景定位的动画，transform动画。

动画形式的show，hide等

进入fx.methods，复制代码粘贴到zepto.js末尾。

事件

默认带有绑定事件on()和off()

zepto又提供了一个包，封装了tap事件，swipeLeft等事件

touch

先复制粘贴代码过来。在移动端，click事件是有延迟的 300

tap

移动端点击事件