Zepto是一个多用于移动端开发的库,因为API和JQuery十分相似,其文件体积也更小,所以通常在移动端开发中Zepto是JQuery的一个很好的轻量级替代品,当然Zepto与JQuery也存在一些不同之处,最常用的比如移动端的Touch模块,主要用法如下:
<script src="zepto.js"></script>
<script src="zepto-touch.js"></script> //引入模块
<script>
$(function() {
$(document).tap(function() {
console.log("点击了屏幕");
});
$(document).doubleTap(function() {
console.log("双击了屏幕");
});
$(document).longTap(function() {
console.log("长按超过750ms");
});
$(document).swipe(function() {
console.log("划了一下");
});
$(document).swipeLeft(function() {
console.log("左划了一下");
});
$(document).swipeUp(function() {
console.log("上划了一下");
});
//......
});
</script>