Zepto

用文档的话来说，Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。

主要针对移动端，因为不兼容IE浏览器，所以更轻量级，体积更小，才10k左右，为移动端各事件提供很好的支持，但它也有部分API是和jQuery的实现方式是不同的

入门

引入zepto.min.js文件（可自行到官网或者菜鸟https://www.runoob.com/manual/zeptojs.html里面下载）

事件ready和onload的区别

zepto转Dom对象

如果需要用到原生js的api，可将zepto的对象和dom对象互相转换

选择器

选择器的使用基本跟jquery类似，基本选择器，后台选择器，子元素选择器，相邻元素选择器等等

Zepto对DOM的操作

• 删除

要被替换的节点

被包裹的节点

Zepto对dom属性操作

按钮

获取元素对象api

Zepto进行css样式修改

事件绑定

事件冒泡和事件捕获

Zepto不能进行事件捕获，所以需要用原生js，并将绑定事件默认值false改成true

事件委托

• 我是1
• 我是2
• 我是3
• 我是4

事件其他用法

按钮

Zepto动画

因为zepto.min是轻量级的，只保留核心功能，所以动画需要引入相关的js代码，可自行到git下载

按钮

自定义animate动画函数

移动端事件

自定义Zepto插件

将以上zepto相关demo代码过一遍，基本就算入门了。