zepto的常用方法与操作

　　Zepto 常用的方法：

　　zepto源码研究- fx.js

　　简要：zepto提供了一个基础方法animate来方便我们运用css动画。主要针对transform,animate以及普通属性(例如left,right,height,width等等)的transition过度。

　　在js中能方便的，灵活的调用animae方法来操作元素动画.

　　zepto.js框架：简化到不能再简化的javascript库。提供了一个执行速度和下载速度更快的更轻量化的框架给你使用。更像一个工具库，封装了很多工具方法。其中，95%以上的API都是和Jquery一致的。(框架相比其他框架的优势：更低廉的学习成本;比较轻量化，没有提供复杂的模式。)

　　一 . 常用的选择器

　　标签选择器(根据对应的标签获取元素)

　　类名选择器(根据指定的类名获取元素)

　　Id选择器(根据指定的ID获取元素)

　　属性选择器(根据指定的属性名获取元素)

　　二 . zepto的集合操作

　　1.遍历遍历数组元素或以key-value值对方式遍历对象.

　　each 遍历所有的li

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

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

　　2.过滤

　　filter过滤掉拥有指定元素的对象

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

　　has查找拥有指定元素的对象

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

　　hasClass判断对象是否拥有指定的Class

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

　　3.查询

　　Find find在当对象前集合内查找符合CSS选择器的每个元素的后代元素

　　get 从当前对象集合中获取所有元素或单个元素。当index参数不存在时，以普通数组的方式返回所有的元素。当指定index时，只返回该元素。这点与eq不同，该方法返回的是DOM节点，不是zepto集合

　　First 获取第一个元素

　　Last 获取最后一个元素

　　eq() 从当前对象集合中获取给定索引值的对象

　　Index 获取一个元素的索引值，如果没有找到该元素，返回-1

　　三 .DOM，样式操作

　　append将定义的内容插入目标元素末尾。内容可以为html字符串，dom节点，或者是节点组成的数组。

　　appendTo(target)

　　将定义的内容插入到元素的末尾。这个有点像append,但是插入的目标与其相反。

　　Before:在匹配每个元素的前面插入内容

　　empty 清空对象集合中每个元素的DOM内容

　　remove 移出删除

　　removeClass 移出类名 如果移出多个类名 用空格隔开