zepto 初始

╰半夏微凉° 2021-07-24 14:17 383阅读 0赞

* 什么是zepto.js
    			 概念： 移动端开发框架,是jquery的轻量级代替品；API及语句同jquery相似，但文件更小(可压缩至8KB)。
    			                是目前功能完备的库中，最小的一个。
    			* zepto.js特点
    			    1、针对的是移动端
    			    2、轻量级，压缩版本只有8KB
    			    3、语法大部分同jquery一样，学习成本低，上手快。
    			    4、响应，执行快。
    			    5、同jquery一样以$作为核心函数和核心对象
    
    引入文件：顺序不可改变,因为后面的文件要使用到第一个文件中的代码
    
    <script src="../js/zepto.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/touch.js" type="text/javascript" charset="utf-8"></script>

代码示例:

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>zepto入门</title>
    		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    		<style type="text/css">
    			#btn{ 
    				width: 200px;
    				height: 200px;
    				background: #FFFF00;
    				margin: 0 auto;
    				text-align: center;
    				line-height: 200px;
    			}
    		</style>
    	</head>
    	<body>
    		<div id="btn">我是一个按钮</div>
    		<script src="../js/zepto.js" type="text/javascript" charset="utf-8"></script>
    		<script src="../js/touch.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
    
    			$(function(){ 
    				$('#btn').click(function(){ console.log('hello zepto')});
    			})
    
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，383人围观）

还没有评论，来说两句吧...

相关阅读

相关初识Zepto

小组安排的成员轮流讲课，昨天刚好是我，讲了Zepto的一些知识，在这里总结一下吧。因为是刚尚硅谷视频粗略学的，照搬的他的讲解，很多地方可能还不太懂，欢迎大佬指正啊。嘿嘿。

「爱情、让人受尽委屈。」/ 2023年06月01日 15:59/ 0 赞/ 6 阅读

相关 Zepto清单

Zepto清单 <table style="border:1px solid silver; border-collapse:collapse; word-break:b

淡淡的烟草味﹌/ 2022年09月24日 15:16/ 0 赞/ 241 阅读

相关 zepto源码注释

zepto源码注释 / Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zept

迈不过友情╰/ 2022年09月10日 14:13/ 0 赞/ 228 阅读

相关 zepto源码注释

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。这段时间公司的事情比较

一时失言乱红尘/ 2022年08月11日 17:00/ 0 赞/ 239 阅读

相关 ;(function ($, undefined){ })(Zepto));

[细说;(function ($, undefined)\{ \})(jQuery); 的使用][function _ undefined_ _jQuery_] 1. 对于f

客官°小女子只卖身不卖艺/ 2022年02月01日 06:55/ 0 赞/ 216 阅读

相关 Zepto 插件

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。官网：[https

小咪咪/ 2021年09月02日 06:47/ 0 赞/ 503 阅读

相关 zepto form表单

1、serialize() 在表单为ajax的post请求中get请求自动获取,将表单元素input、textarea和select属性中的na

向右看齐/ 2021年07月24日 22:41/ 0 赞/ 493 阅读

相关 zepto 事件委托

$('父元素选择器').on('无on的事件','子元素选择器',function(){})' 给父元素的子元素委托事件（1）同jq区别:可

朴灿烈づ我的快乐病毒、/ 2021年07月24日 20:36/ 0 赞/ 518 阅读

相关 zepto touch事件

zepto touch事件击打事件 1、tap() 点击/敲打事件,只要点击就会触发,无论单双击 2、singleTap()

港控/mmm°/ 2021年07月24日 18:03/ 0 赞/ 436 阅读

相关 zepto 初始

什么是zepto.js 概念：移动端开发框架,是jquery的轻量级代替品；API及语句同jquery相似，但文件更小(可压缩至8KB)。

╰半夏微凉°/ 2021年07月24日 14:17/ 0 赞/ 384 阅读