Zepto

Zepto就相当于jqueryzepto是手机端的框架。

二者最大的区别就是jqie做了太多的处理而zepto没有,所以他是一个轻量级的框架。

1.文档加载

Zepto(function(){

})

选择器

 

使用$进行元素选择 跟jq一样

$.each() 对数组 集合 对象进行遍历

4.$.map

 

Mapeach的区别

 

Each中的回调 第一个参数是索引 第二个参数是元素 map相反,并且map函数中必须有return返回值。

 

Map()方法返回的是对集合重新整合的集合,each还是原来的集合

5.add() 添加元素到当前匹配的元素集合中

$(“li”).add(‘p’)   return [li,p]

 

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在移动端的事件

  1. 原生js中只有DOM二级事件的写法

Div.addeventlistener(“事件名”fnfalse)  DOM二级事件写法

Div.onclick DOM零级事件写法

2

原生jstouch系列的事件 有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>

 

 

 

 

 

 

原文地址:https://www.cnblogs.com/txf-123/p/10901856.html