zepto.js是移动端的jquery，但是并没有提供所有与jquery类似的api。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。而jquey中涵盖了很多比如兼容IE浏览器的代码，这在移动端上完全是没有必要的，所以zepto做了一些精简并提供了移动端相关touch事件。

　　github

　　下载zepto.js

　　zepto.js静态文件 http://zeptojs.com/zepto.js

　　我们可以看到zepto的大小如下：

　 这在移动端来说几乎是没有限制的，因为9.6k的文件相对于jquery还是非常可观的。

　 zepto的浏览器支持如下所示：

　　可以看到移动端安卓手机是在2.2到2.3以上，这对于我们的兼容性要求应该是足够了（一般现在安卓手机兼容到4.0版本以上就可以了，2.2和2.3的安卓手机现在已经很少了，在2011年就发布了3.0版本，现在这些手机大多应该是淘汰了，比如我是用的红米note4的安卓系统版本已经达到了6.0）， 而对于ios系统而言，兼容到ios5就足够了，因为我们可以看大iphone4的版本是4，iphone4s的版本是5，现在用户使用的最低也应该是iphone4s了，所以兼容到ios5已经足够。

　　附： ios设备列表

　　　　android版本历史

基本使用

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>zepto</title>

  <script src="./zepto.js"></script>

</head>

<body>

  <!-- your code... -->

</body>

</html>

和jquery的使用是一样的，首先引入zepto.js然后就可以使用了。　　

创建插件

　　什么是插件？ 插件就是对原有的库的扩展，比如这里介绍的对zepto的扩展， 即使用zepto编写的实现特定功能的js代码。 又如我们使用jquery可能希望实现下拉框等常用的操作，那么我们就可以在引入jquery的情况下，引入插件。

　　为什么要使用插件？ 因为对于轮播图、炫酷的下拉菜单、弹出框等，自己写起来会比较麻烦，而别人又已经写好了这些插件，那么我们直接使用即可，这有助于提高我们开发的效率。

　　如何自己开发插件？ 对，这里就是我们将要学习的地方了，创建了自己的插件之后，我们就可以直接在引入zepto的情况下引入插件即可实现效果。

　　由于它和jquery创建插件的方式是一样的，所以可以看我的这篇文章《创建jquery插件》。

核心方法

　　http://www.css88.com/doc/zeptojs_api/

　　

　　

本文参考文档：http://www.css88.com/doc/zeptojs_api/

　　

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>zepto</title>  <script src="./zepto.js"></script></head><body>  <!-- your code... --></body></html>

zepto.js常用操作的更多相关文章

  1. JS常用操作节点的方法

    js常见的创建dom节点的方法有 createElement() 创建一个元素节点 => 接收参数为string类型的nodename createTextNode() 创建一个文本节点 =&g ...

  2. js常用操作代码

    页面前进后退<input type=button value=刷新 onclick="window.location.reload()"><input type= ...

  3. js常用操作

    map操作:var map = {};map["a"] = 1;map["b"] = 2; console.log(Object.keys(map)); //[ ...

  4. 【JS 常用操作】

    正则表达式 <script> var str = "(08:30-10:00)"; var patt = /^[(][0-9]{2}:[0-9]{2}-[0-9]{2} ...

  5. js常用操作事件

    触发描述 方法 用法 点击 onclick="method();"   变换 onchange="testChange();"   双击 ondblclick= ...

  6. js常用操作~~~~将持续更新

    1.替换多个模板变量 var s="my javascript is very poor,who can help me?" var reg=/(\w*)my(.*)is(.*)c ...

  7. js 常用操作 -- 持续更新

    替换数组中某一元素: array.splice(2, 1, '哈哈'); // 2 表示指定数组中2下标元素,1表示要删除的项数,哈哈 是替换后的值 在数组中某元素之前增加元素: array.spli ...

  8. 【JS 常用操作】全选、给后来元素增加事件

    11 //全选 $("#allCheckbox").click(function () { var checkedStatus = this.checked; //alert(ch ...

  9. javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

随机推荐

  1. 文本PDG转PDF

    作者:马健邮箱:stronghorse_mj@hotmail.com发布:2008.08.03更新:2008.08.24 补充说明:此文成文较早,当时文本PDG如果不想用官方浏览器SSREADER看, ...

  2. 最常用的15个前端表单验证JS正则表达式

    在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的JavaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份 ...

  3. mysql远程访问被禁止

    远程连接Mysql服务器的数据库,错误代码是1130,ERROR 1130: Host xxx.xxx.xxx.xxx  is not allowed to connect to this MySQL ...

  4. ELK+Filebeat 实践 Error : read tcp 192.168.0.2:48968->121.40.216.20:5044: i/o timeout

    问题描述: 这是一个i/o time 的问题,一般考虑就是磁盘满的问题.以下是我遇到的具体问题: 1.Kibana页面刷新,没有新数据出来,再次刷新或者点击页面上其他地方,kibana就变成这样了: ...

  5. luogu4430 小猴打架

    假硕讲了个prufer编码和Caylay公式 我为了证明prufer编码没用 所以用矩阵树定理证明了Caylay公式 让我们用矩阵树定理推一波 首先这个小猴打架最后会打成一棵树,这棵树是N个点的完全图 ...

  6. Linux下的hosts文件和network文件区别

    Linux下的hosts文件和network文件区别   Linux下有两种与计算机名相关的配置文件     1.hosts文件,路径:/etc/hosts,此文间是在网络上使用的, 用于解析计算机名 ...

  7. HDU6312 Game (多校第二场1004) 简单博弈

    Game Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  8. 模拟使用zookeeper实现master选举

    1.模拟选举机器类 package com.karat.cn.zookeeperAchieveLock.zkclient; import java.io.Serializable; /** * 选举的 ...

  9. java经典学习路线

    恩,做开发的工作已经三年多了,说起来实在是惭愧,自己的知识树还像一棵小草一样,工作中使用到了许多的知识和技术,不过系统性不够.根基不牢.并且不够深入!当然,慢慢的我也更加的清楚,我需要学习一些什么样的 ...

  10. day13 内置函数二 递归,匿名函数,二分法

    .匿名函数(名字统一叫lambda) .语法 lambda 参数:返回值 .参数可以有多个,用逗号隔开 .只能写一行,执行结束后直接返回值 4返回值和正常函数一样,可以是任意值 .列: f=lambd ...