1.簡介
隨著移動端的愈加火爆斋荞，目前很多HTML5的框架都在支持移動方向桐臊，比如：Vue.js惨撇，zepto.js伊脓，React Native等等。
Zepto是一個輕量級的針對現(xiàn)代高級瀏覽器的JavaScript 庫， 它與jquery 有著類似的api报腔。 如果你會用 jquery株搔，那么你也會用 zepto。
Zepto的設(shè)計目的是提供 jQuery 的類似的API纯蛾，但并不是100%覆蓋 jQuery纤房。Zepto設(shè)計的目的是有一個5-10k的通用庫、下載并快速執(zhí)行翻诉、有一個熟悉通用的API炮姨，所以你能把你主要的精力放到應(yīng)用開發(fā)上。
思考：jQuery和Zepto.js的區(qū)別在哪里碰煌？
（1）jQuery更多是在PC端被應(yīng)用舒岸，因此，考慮了很多低級瀏覽器的的兼容性問題芦圾；而Zepto.js則是直接拋棄了低級瀏覽器的適配問題蛾派，顯得很輕盈；
（2）Zepto.js在移動端被運用的更加廣泛个少；更注重在移動端的使用
（3）jQuery的底層是通過DOM來實現(xiàn)效果的洪乍，zepto.js 是用css3來實現(xiàn)的；
（4）Zepto.js可以說是閹割版本的jQuery夜焦。
( 5 )zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
zepto默認(rèn)只有基本的模塊典尾，其他功能模塊需要單獨引用。
引用的模塊糊探，必須放在zepto的后面钾埂，fx.js 和fx_methods.js 他們之間必須是fx_methods.js在fx.js的后面；其他的包之間順序無所謂科平；
jQuery默認(rèn)是一個文件中褥紫，包含所有的功模塊；
zepto的底層是通過css3實現(xiàn)的瞪慧，jQuery是操作的DOM,所以有些css3的效果髓考，是jquery做不到的；
zepto比jQuery多了更多的移動端的 事件的支持弃酌，比如說tap氨菇， swipe……
zepto的兼容性比jQuery差，因為zepto更多的是注重移動端和效率妓湘，jQuery注重的是兼容性查蓉。
注意：zepto上面的動畫，不要加太多榜贴， 因為動畫很耗性能豌研，加多了會很卡，特別是一些webview開發(fā)；
中文版：http://www.css88.com//doc//zeptojs_api//
github :https://github.com/madrobby/zepto
2 zepto兼容的瀏覽器
Safari 6+
Chrome 30+ ? ?對谷歌較為友好
Firefox 24+
iOS 5+ Safarii ?ios的支持版本也比較早
Android 2.3+ Browser,注意支持Android的版本比較早
Internet Explorer 10+ ? 對ie不太友好
2 Zepto初體驗
例如：點擊改顏色
2 Zepto初體驗
例如：點擊改顏色
點擊修改顏色\
3.zepto與jquery使用上的區(qū)別
注意：zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
1.選擇器-模塊
選擇器$( ' div:eq(1) ' ) :http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
例子：點擊改第二個顏色
3.zepto與jquery使用上的區(qū)別
注意：zepto與jquery主要的區(qū)別是在模塊上的區(qū)別：http://www.css88.com//doc//zeptojs_api//
1.選擇器-模塊
選擇器$( ' div:eq(1) ' ) :http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
例子：點擊改第二個顏色
2.動畫-模塊
例子：點擊改變寬度
3.隱藏toggle-模塊
toggle的用法? :http://www.w3school.com.cn/jquery/effect_toggle.asp
4.Tap事件-模塊
tap只作用在移動端鹃共，PC端是無效的;注意
click在pc端和移動端都是ok的;
但是我們在移動端要用tap鬼佣，因為 tap 比 click 快200-300ms。
例子霜浴，點擊改變顏色：
5.swipe滑動-模塊
注意： 如果想在移動設(shè)備上使用swipe事件晶衷，先要清除系統(tǒng)默認(rèn)的手勢事件/*清楚系統(tǒng)默認(rèn)的事件*/這是第一件事就這樣做
*{
touch-action: none;//清除系統(tǒng)默認(rèn)的手勢事件
}
