zoukankan      html  css  js  c++  java
  • 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>

     

     

     

     

     

     

  • 相关阅读:
    [转载]VC补遗之Profile篇
    [原创]百度之星2009初赛第二场第四题解答
    [总结]QT在CODE:BLOCKS中的配置
    [原创]自己写的一个简单的程序日志记录类
    [原创]QT动态加载UI文件注意事项
    window版本信息资源格式
    [原创]滚动条滚动范围的问题总结
    ofstream奇怪问题解决方法
    [转载]最小矩形(rec1)的解题报告
    oracle数据库用户之间授权
  • 原文地址:https://www.cnblogs.com/txf-123/p/10901856.html
Copyright © 2011-2022 走看看