javascript移动端框架Zepto.js

Zepto介绍

Zepto是一个轻量级的支持移动WebKit浏览器javascript移动端框架，框架支持jQuery语法，该框架的压缩包zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了.



Zepto完全支持jQuery语法，支持其”$”符号，实例如下：

$()
$(selector, [context]) ⇒ collection
$(<Zepto collection>) ⇒ same collection
$(<DOM nodes>) ⇒ collection
$(htmlString) ⇒ collection
$(htmlString, attributes) ⇒ collection v1.0+
Zepto(function($){ ... })

可使用CSS选择器，DOM节点或HTML字符串来建立Zepto集合对象。
Zepto集合是类似数组的对象集合，并采用链式调用的方法操作DOM元素。
如果已经给出了上下文（CSS选择器，DOM节点或者Zepto集合对象），则CSS选择器的范围就在给出的上下文中。如同调用了$(context).find(selector)
当参数为HTML字符串时，$用来创建DOM元素。
当参数为方法时，将其作为句柄添加到DOMContentLoaded事件中。页面加载完成后，立即执行。

$('div')  //=> all DIV elements on the page
   // 创建元素
   $("<p>Hello</p>") //=> the new P element
   // 创建元素和属性
   $("<p />", { text:"Hello", id:"greeting", css:{color:'darkblue'} })
   //=> <p id=greeting style="color:darkblue">Hello</p>

   // 页面加载完成后执行函数
   Zepto(function($){
     alert('Ready to Zepto!')
   })

Zepto相关资源

Zepto官网：http://zeptojs.com/
Zepto中文手册：http://gmu.baidu.com/