zepto.js常用操作
zepto.js是移动端的jquery，但是并没有提供所有与jquery类似的api。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。而jquey中涵盖了很多比如兼容IE浏览器的代码，这在移动端上完全是没有必要的，所以zepto做了一些精简并提供了移动端相关touch事件。
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设备列表
基本使用
<!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常用操作的更多相关文章
- JS常用操作节点的方法
js常见的创建dom节点的方法有 createElement() 创建一个元素节点 => 接收参数为string类型的nodename createTextNode() 创建一个文本节点 =&g ...
- js常用操作代码
页面前进后退<input type=button value=刷新 onclick="window.location.reload()"><input type= ...
- js常用操作
map操作:var map = {};map["a"] = 1;map["b"] = 2; console.log(Object.keys(map)); //[ ...
- 【JS 常用操作】
正则表达式 <script> var str = "(08:30-10:00)"; var patt = /^[(][0-9]{2}:[0-9]{2}-[0-9]{2} ...
- js常用操作事件
触发描述 方法 用法 点击 onclick="method();" 变换 onchange="testChange();" 双击 ondblclick= ...
- js常用操作~~~~将持续更新
1.替换多个模板变量 var s="my javascript is very poor,who can help me?" var reg=/(\w*)my(.*)is(.*)c ...
- js 常用操作 -- 持续更新
替换数组中某一元素: array.splice(2, 1, '哈哈'); // 2 表示指定数组中2下标元素,1表示要删除的项数,哈哈 是替换后的值 在数组中某元素之前增加元素: array.spli ...
- 【JS 常用操作】全选、给后来元素增加事件
11 //全选 $("#allCheckbox").click(function () { var checkedStatus = this.checked; //alert(ch ...
- javascript中字符串常用操作总结、JS字符串操作大全
字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...
随机推荐
- redis系列：集群
1 简介 Redis 集群是Redis 的一个分布式实现,它是一个网状结构,每个节点都通过 TCP 连接跟其他每个节点连接.现在来看看Redis集群实现了哪些目标? 在1000个节点的时候仍能表现得很 ...
- Redis实现用户关注功能
最近项目要涉及到粉丝关注问题,权衡再三还是使用Redis实现比较方便,使用Redis的有序集合可以做到根据关注的时间有序的取出列表,假设我的ID是me,别人的ID是other. 1. 添加关注 添加关 ...
- Win7共享问题 映射网盘时出现的错误 the specified server cannot perform the requested operation
Win7共享问题 映射网盘时出现的错误:the specified server cannot perform the requested operation 解决方案: 1.重启电脑: 2.修改注册 ...
- 温故而知新_C语言_递归
递归. 是的,差不多就是这种感觉.上面就是类似递归的显示表现. 2017 10 24更新: 递归这个问题放了很久.也没有写.大概是自己还没有好好理解吧. 在这里写下自己理解的全部. 一 何为递归. 字 ...
- G - 美素数
小明对数的研究比较热爱,一谈到数,脑子里就涌现出好多数的问题,今天,小明想考考你对素数的认识. 问题是这样的:一个十进制数,如果是素数,而且它的各位数字和也是素数,则称之为“美素数”,如29,本身是 ...
- Thinkphp手把手练习
一.搭建thinkphp开发环境 准备条件:thinkphp框架 1.在Apache的www目录下新建文件夹,命名为thinkphp,可以将THinkPHP框架放在该目录中. 2.在thinkphp目 ...
- P2597 [ZJOI2012]灾难
\(\color{#0066ff}{ 题目描述 }\) 阿米巴是小强的好朋友. 阿米巴和小强在草原上捉蚂蚱.小强突然想,如果蚂蚱被他们捉灭绝了,那么吃蚂蚱的小鸟就会饿死,而捕食小鸟的猛禽也会跟着灭绝, ...
- luogu2723 丑数
提供一种单调队列做法(非正解) 显然每一个丑数能够由一个质数乘以另一个丑数得到 所以我们开k个单调递增队列,每次从这些队列顶部找到一个最小的元素把他捞出来,然后枚举所有质数,用这个元素乘以质数,放入相 ...
- javascript事件委托//就是父级事件给子级
<!DOCTYPE html><html><head> <title></title> <style type="text/ ...
- C++基础学习3：输入和输出(cin和cout)
在C语言中,通常会在采用格式化输入输出函数printf和scanf用于输入或输出数据或信息.在C++语言中,C语言的这一套输入输出库我们仍能使用,但是C++语言又自定义了一套新的.更容易使用的输入输出 ...