以前都是用jQuery 因爲移動項目中在使用zepto 基本用法是一樣的但是牽涉都具體很多細節還是有很多差別,這裏做個區別總結,希望以後使用中不斷彙總
1:$().data 用法,這個在jquery最常用的對象存儲的方式,在zepto 中也支持,但是很可惜只能存取字符串
2: 事件綁定的區別,這個是一個重大區別,甚至可以說zepto 在設計中一個缺陷例如一下dom 結構
<div id="outDiv" style="width:100px;height:100px;background-color:yellow;border:1px solid red">
xxxx
<a style="width:30px;height:30px;background-color:red;">yyy<a>
<div>
在jquery 中 我們一般處理都會很簡單的在外層div 做邦迪,不管是點擊外層div 還是內層的a 都是會觸發事件,而且在事件對象中有兩個關鍵的屬性,一個target 和一個currentTarget 來區分當前對象和事件源對象,
但是這種用法在zepto中是不行的,zepto中 只能獲取target 也就是事件觸發源,這樣會導致很多事件處理的bug。