轉：Zepto的使用以及注意事項

爲何選擇Zepto.js的緣由：

1. 　　zepto.js的語法借鑑而且兼容jQuery，會使用jquery就會使用Zepto.js。Zepto.js是移動端的js庫。Zepto.js至關於PC端的jQuery，它提供了不少方法和功能，可以很快的實現各類需求和功能。使用Zepto.js開發，性能上是最好的，而兼容性比較好，跟jQuery有一樣的API，只是須要本身設計UI
2. 　　壓縮後的 zepto.min.js 大小隻有24K。　　　

• 綁定事件不一樣
• 用 「on」來代替「bind」、「delegate」、」live」。
• 用 「off」來代替「unbind」、「undelegate」、」die」。
• 用 「 $.ajax」來代替「$.ajaxJSONP」。
• 用 「tap」來代替 」click「,由於click會有200-300ms的延遲。

   Zepto.js對 CSS 選擇器的支持

　　一、Zepto.js沒有 .innerHeight() .outerWidth() 等四個方法。

　　二、支持基本選擇器

　　　　ID選擇器：$("#foo")

　　　　class選擇器：$(".foo")

　　　　標籤(元素)選擇器：$("div")、$("p")。

　　　　通用選擇器：$("*")。

     三、支持層級選擇器

　　　　後代選擇器：$("foo bar")。

　　　　子元素選擇器：$("foo > bar")。

　　　　相鄰且靠後選擇器：$("foo + bar")。

　　　　同輩且靠後選擇器：$("foo ~ bar")。

　　四、不支持的選擇器

　　　　基本僞類:

　　　　　　first、:not(selector) 、:even 、:odd 、:eq(index) 、:gt(index) 、:lang1.9+ 、:last 、:lt(index) 、:header、:animated 、:focus1.6+ 、:root1.9+ 、:target1.9+

　　　　內容僞類：:contains(text) 、:empty、 :has(selector)、 :parent 。

　　　　可見性僞類：:hidden 、:visible 。

　　　　屬性選擇器：[attribute!=value]。

　　　　表單僞類：:input、 :text、 :password、 :radio、 :checkbox、 :submit、 :image、 :reset、 :button、 :file、 :hidden 。

　　　　表單對象屬性：:selected。

   Touch 事件

　　　　tap —元素tap的時候觸發。

　　　　singleTap and doubleTap — 這一對事件能夠用來檢測元素上的單擊和雙擊。(若是你不須要檢測單擊、雙擊，使用 tap 代替)。

　　　　longTap — 當一個元素被按住超過750ms觸發。

　　　　swipe, swipeLeft, swipeRight, swipeUp, swipeDown — 當元素被劃過期觸發。(可選擇給定的方向)

 

原文地址： http://www.javashuo.com/article/p-mgmxqeqj-cw.html