zepto.js

移动端使用js库 zepto
1、jquery有大量处理低版本浏览器兼容的代码，在移动端不需要，因此过于冗余
2、zepto是个轻量级的js库，api与jquery类似，会用jquery就会用zepto
3、zepto包含了许多不同用途的模块，我们只需要引入基础模块并根据需求引入其他相应模块即可，最大程度减少代码的冗余
4、zepto封装了移动端的触摸事件比较便捷

Touch events

“touch”模块添加以下事件，可以使用 on 和 off。

• tap —元素tap的时候触发。
• singleTap and doubleTap — 这一对事件可以用来检测元素上的单击和双击。(如果你不需要检测单击、双击，使用 tap 代替)。
• longTap — 当一个元素被按住超过750ms触发。
• swipe, swipeLeft, swipeRight, swipeUp, swipeDown — 当元素被划过时触发。(可选择给定的方向)

这些事件也是所有Zepto对象集合上的快捷方法。

<style>.delete { display: none; }</style>

<ul id=items>
  <li>List item 1 <span class=delete>DELETE</span></li>
  <li>List item 2 <span class=delete>DELETE</span></li>
</ul>

<script>
// show delete buttons on swipe
$('#items li').swipe(function(){
  $('.delete').hide()
  $('.delete', this).show()
})

// delete row on tapping delete button
$('.delete').tap(function(){
  $(this).parent('li').remove()
})
</script>