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#$()