zepto 学习

移动端的特殊性

事件
提供一些最新的API

区别

zepto跟jquery很像，封装了常用的工具，框架轻量
jquery mobile集成了UI和jquery，不是轻量级的，高度组件化

EVENT

绑定自定义事件，trigger自定义事件
touch event 需要因为插件

只包含了core ajax event IE兼容
fx性能不太好

zepto入门

(function($){
    var UA = window.navigator.userAgent;
    var click = 'click';
    if(/ipad|iphone|android/.test(UA)){
      click = 'tap';
    }
    var p = $('p');
    p[0].style.display = 'block';
    var sub_nav = $('.sub_nav');
    sub_nav[click](function(){
      var _this = $(this);
      p.hide();
      var id = _this.data('p');
      $('#'+id).show();
    })
  })(Zepto)

其实跟jquery差不多，只是高手的写法更高级。