zepto.js

一，引入：

<script type="text/javascript" src="../../js/zepto.min.js"></script>

 二，理解：

zepto使用了几次后发现和jquery使用方法惊人的一致

1,加载

Zepto(function($){
  alert('Ready to Zepto!')
})

2，在每个匹配的元素后插入内容（愚人码头注：外部插入）。内容可以为html字符串，dom节点，或者节点组成的数组

HTML:
<form>
	<label>1111</label>
</form>
js:
$('form label').after('<p>this is after</p>');

3，append(content) ⇒ self

    在每个匹配的元素末尾插入内容（愚人码头注：内部插入）。内容可以为html字符串，dom节点，或者节点组成的数组

appendTo(target)   ⇒ self
将匹配的元素插入到目标元素的末尾（愚人码头注：内部插入）。这个有点像 append，但是插入的目标与其相反

html:

<ul>
	<li>111</li>
	<li>111</li>
	<li>111</li>
	<li>111</li>
</ul>

<ul>
	<li>111</li>
	<li>111</li>
	<li>111</li>
	<li>111</li>
</ul>

JS：

$('ul').append('<li>this is first</li>');

$('<li>this is second</li>').appendTo('ul');

4,attr

attr(name)   ⇒ string
attr(name, value)   ⇒ self
attr(name, function(index, oldValue){ ... })   ⇒ self
attr({ name: value, name2: value2, ... })   ⇒ self
读取或设置dom的属性。如果没有给定value参数，则读取对象集合中第一个元素的属性值。当给定了value参数。则设置对象集合中所有元素的该属性的值。当value参数为null，那么这个属性将被移除(类似removeAttr)，多个属性可以通过对象键值对的方式进行设置。

var form = $('form')
var res = form.attr({
	action:'/create',
	method:'post'
});

5, each

$('form input').each(function(index){
  console.log('input %d is: %o', index, this)
})

具体实例：
http://www.runoob.com/manual/zeptojs.html#$()