转：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