Zepto 常用的方法：

　　zepto源碼研究- fx.js

　　簡(jiǎn)要：zepto提供了一個(gè)基礎(chǔ)方法animate來方便我們運(yùn)用css動(dòng)畫。主要針對(duì)transform,animate以及普通屬性(例如left,right,height,width等等)的transition過度。

　　在js中能方便的，靈活的調(diào)用animae方法來操作元素動(dòng)畫.

　　zepto.js框架：簡(jiǎn)化到不能再簡(jiǎn)化的javascript庫(kù)。提供了一個(gè)執(zhí)行速度和下載速度更快的更輕量化的框架給你使用。更像一個(gè)工具庫(kù)，封裝了很多工具方法。其中，95%以上的API都是和Jquery一致的。(框架相比其他框架的優(yōu)勢(shì)：更低廉的學(xué)習(xí)成本;比較輕量化，沒有提供復(fù)雜的模式。)

　　一 . 常用的選擇器

　　標(biāo)簽選擇器(根據(jù)對(duì)應(yīng)的標(biāo)簽獲取元素)

　　類名選擇器(根據(jù)指定的類名獲取元素)

　　Id選擇器(根據(jù)指定的ID獲取元素)

　　屬性選擇器(根據(jù)指定的屬性名獲取元素)

　　二 . zepto的集合操作

　　1.遍歷遍歷數(shù)組元素或以key-value值對(duì)方式遍歷對(duì)象.

　　each 遍歷所有的li

　　$("#uls li").each((function(){})

　　$.each(['a','b','c'],function(index,item){})

　　2.過濾

　　filter過濾掉擁有指定元素的對(duì)象

　　console.log($("li").filter('li[class="li2"]'))

　　has查找擁有指定元素的對(duì)象

　　var ff=$('ul li').has('a[href]')

　　hasClass判斷對(duì)象是否擁有指定的Class

　　var bb=$('div').hasClass('divs')

　　3.查詢

　　Find find在當(dāng)對(duì)象前集合內(nèi)查找符合CSS選擇器的每個(gè)元素的后代元素

　　get 從當(dāng)前對(duì)象集合中獲取所有元素或單個(gè)元素。當(dāng)index參數(shù)不存在時(shí)，以普通數(shù)組的方式返回所有的元素。當(dāng)指定index時(shí)，只返回該元素。這點(diǎn)與eq不同，該方法返回的是DOM節(jié)點(diǎn)，不是zepto集合

　　First 獲取第一個(gè)元素

　　Last 獲取最后一個(gè)元素

　　eq() 從當(dāng)前對(duì)象集合中獲取給定索引值的對(duì)象

　　Index 獲取一個(gè)元素的索引值，如果沒有找到該元素，返回-1

　　三 .DOM，樣式操作

　　append將定義的內(nèi)容插入目標(biāo)元素末尾。內(nèi)容可以為html字符串，dom節(jié)點(diǎn)，或者是節(jié)點(diǎn)組成的數(shù)組。

　　appendTo(target)

　　將定義的內(nèi)容插入到元素的末尾。這個(gè)有點(diǎn)像append,但是插入的目標(biāo)與其相反。

　　Before:在匹配每個(gè)元素的前面插入內(nèi)容

　　empty 清空對(duì)象集合中每個(gè)元素的DOM內(nèi)容

　　remove 移出刪除

　　removeClass 移出類名 如果移出多個(gè)類名 用空格隔開