Zepto就相当于jquery,zepto是手机端的框架。
二者最大的区别就是jq对ie做了太多的处理而zepto没有,所以他是一个轻量级的框架。
1.文档加载
Zepto(function(){
})
2 选择器
使用$进行元素选择 跟jq一样
3 $.each() 对数组 集合 对象进行遍历
4.$.map
Map和each的区别
Each中的回调 第一个参数是索引 第二个参数是元素 map相反,并且map函数中必须有return返回值。
Map()方法返回的是对集合重新整合的集合,each还是原来的集合
5.add() 添加元素到当前匹配的元素集合中
$(“li”).add(‘p’) return [li,p]
6 addClass()为每个匹配的元素添加指定的class类名。多个class类名使用空格分隔
7 after()
在每个匹配的元素后插入内容
8.append()
在每个匹配的元素后面插入内容
After和append区别
After插入在元素的后面但是再元素外 append是在元素内
9.attr()
读取或设置dom的属性。如果没有给定value参数,则读取对象集合中第一个元素的属性值。当给定了value参数。则设置对象集合中所有元素的该属性的值。当value参数为null,那么这个属性将被移除(类似removeAttr),多个属性可以通过对象键值对的方式进行设置。
10. children()
获得每个匹配元素集合元素的直接子元素,如果给定selector,那么返回的结果中只包含符合css选择器的元素。
Zepto中的特效只有hide()和show()
事件
原生js在移动端的事件
- 原生js中只有DOM二级事件的写法
Div.addeventlistener(“事件名”,fn,false) DOM二级事件写法
Div.onclick DOM零级事件写法
2
原生js有touch系列的事件 有click事件
Click就相当于是单击 不建议使用
移动设备 当第一次点击之后300ms之内又点击了 说明是双击,300ms之内没点击说明是单击。
移动端的事件:单机 双击 滑动(上下左右)
Zepto提供了哪些事件
Tap singleTap doubleTap swipe swipeLeft swipRight swipeUp swipeDown
Zepto中使用事件函数前需要在zepto的后面引入touch.js文件 否则报错
<script src='zepto.js'></script>
<script src='touch.js'></script>