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差不多,只是高手的写法更高级。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 官网:http://zeptojs.com/兼容性: Internet Explorer 10+ (Windows...
    chloe2661阅读 414评论 0 0
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,914评论 24 450
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,205评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • “乘客您好,欢迎乘坐238路环形无人售票车,请站稳扶好。前方到站:淄博六中……”抬眼望去,红色四字已出现在前方的L...
    Black_Body阅读 406评论 0 0