zepto与jquery的区别及zepto的不同使用8条小结

jQuery: 可以获取。

4.Zepto 的each 方法只能遍历 数组，不能遍历JSON对象

5.Zepto 的animate 方法参数说明 ：详情点击->

zepto中animate的用法

6.zepto的jsonp callback函数名无法自定义

7.DOM 操作区别

jq代码：

1.(function($) {
2. $(function() {
3. var $list = $('<ul><li>jQuery 插入</li></ul>', {
4. id: 'insert-by-jquery'
5. });
6. $list.appendTo($('body'));
7. });
8.})(window.jQuery); 

jQuery 操作 ul 上的 id 不会被添加。

zepto代码：

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

Zepto 可以在 ul 上添加 id 。

8.事件触发区别

jq代码：

1.(function($) {
2. $(function() {
3. $script = $('<script />', {
4. src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.min.js',
5. id: 'ui-jquery'
6. });
7.
8. $script.appendTo($('body'));
9.
10. $script.on('load', function() {
11. console.log('jQ script loaded');
12. });
13. });
14.})(window.jQuery); 

使用 jQuery 时 load 事件的处理函数 不会 执行

zepto代码：

1.Zepto(function($) {
2. $script = $('<script />', {
3. src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js',
4. id: 'ui-zepto'
5. });
6.
7. $script.appendTo($('body'));
8.
9. $script.on('load', function() {
10. console.log('zepto script loaded');
11. });
12.}); 

使用 Zepto 时 load 事件的处理函数 会 执行。