1. Zepto 对象 不能自定义事件

  例如; $(;;).bind(;cust;, function(){});

2. Zepto 的选择器表达式: [name=value]  中value 必须用 双引号 ;  or 单引号 ; 括起来

  解决办法; $(;[data-userid=;123123123];;) or $(;[data-userid=;123123123;];)

2-1.zepto的选择器没有办法选出 $(;div[name!=;abc;];) 的元素

2-2.zepto获取select元素的选中option不能用类似jq的方法$(;option[selected];),因为selected属性不是css的标准属性

   参考网址;https://github.com/madrobby/zepto/issues/503

2-3、zepto在操作dom的selected和checked属性时尽量使用prop方法;以下是官方说明;

3.Zepto 是根据标准浏览器写的;所以对于节点尺寸的方法只提供 width() 和 height();省去了 innerWidth(), innerHeight(),outerWidth(),outerHeight()

Zepto.js: 由盒模型; box-sizing ;决定
jQery: 忽略盒模型;始终返回内容区域的宽/高;不包含 padding 、 border ;解决方式就是使用 .css(;width;) 而不是 .width() 。

3-1.边框三角形宽高的获取

<div class=;caret;></div> 
.caret {
  width: 0;
  height: 0;
  border-width: 0 20px 20px;
  border-color: transparent transparent blue; 
  border-style: none dotted solid;
}

(function($) {
  $(function() {
    var $list = $(;<ul><li>jQuery 插入</li></ul>;, {
      id: ;insert-by-jquery;
    });
    $list.appendTo($(;body;));
  });
})(window.jQuery);

Zepto(function($) {  
  var $list = $(;<ul><li>Zepto 插入</li></ul>;, {
    id: ;insert-by-zepto;
  });
  $list.appendTo($(;body;));
});

(function($) {
  $(function() {    
    $script = $(;<script />;, {
      src: ;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.min.js;,
      id: ;ui-jquery;
    });

    $script.appendTo($(;body;));

    $script.on(;load;, function() {
      console.log(;jQ script loaded;);
    });
  });
})(window.jQuery);

Zepto(function($) {  
  $script = $(;<script />;, {
    src: ;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js;,
    id: ;ui-zepto;
  });

  $script.appendTo($(;body;));

  $script.on(;load;, function() {
    console.log(;zepto script loaded;);
  });
});

document.addEventListener(;touchmove;, function (event) {
event.preventDefault();
}, false);