From 1f1bafd8bc5fa3b86b7199035bfba91740143668 Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Sun, 15 Apr 2018 22:55:37 +0800 Subject: [PATCH] =?UTF-8?q?add=EF=BC=9AZepto=E7=9A=84=E4=BB=8B=E7=BB=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 05-jQuery/01-jQuery的介绍和选择器.md | 2 + 07-移动web开发/01-Zepto入门.md | 84 ++++++++++++++++++++++++++-- 2 files changed, 82 insertions(+), 4 deletions(-) diff --git a/05-jQuery/01-jQuery的介绍和选择器.md b/05-jQuery/01-jQuery的介绍和选择器.md index 1c484f5..a73da90 100644 --- a/05-jQuery/01-jQuery的介绍和选择器.md +++ b/05-jQuery/01-jQuery的介绍和选择器.md @@ -166,6 +166,8 @@ jQuery 有两个大版本： - 3.x版本。 +PS：开发版本一般用1.10以上。 + 我们以 v1.11.1版本为例，下载下来后发现，里面有两个文件： ![](http://img.smyhvae.com/20180204_1950.png) diff --git a/07-移动web开发/01-Zepto入门.md b/07-移动web开发/01-Zepto入门.md index ea5df3a..0dc912e 100644 --- a/07-移动web开发/01-Zepto入门.md +++ b/07-移动web开发/01-Zepto入门.md @@ -74,11 +74,87 @@ zepto是轻量级的JavaScript库，专门为移动端定制的框架。 （2）代码演示： +```html + + -注意，我们要将浏览器切换到手机模式，才能看到`touchstart`事件的效果；否则端，在浏览器上点来点去，是没有反应的。 - - - + + + + + Document + + + + + +
我是 div
+ + + + + + +``` + +上方代码实现的效果是，当手在div上滑动时，就会弹出 alert窗。可以看出，这里面代码的写法和 jQuery 是一致的。 + +注意，我们要将浏览器切换到手机模式，才能看到`touchstart`事件的效果；否则，在浏览器上点来点去，是没有反应的。 + +## Zepto 和 jQuery 相同的 api + +> 意思是，jQuery 和 Zepto 有哪些共同点。 + + +### jQuery 的主要特性 + +下面来讲一下 jQuery 的主要特性（jQuery 的核心函数`$`、jQuery 对象），它们对 Zepto 来说，同样适用。 + +**1、jQuery 的核心函数`$`**: + +作为函数使用（参数）： + +- function + +- html字符串 + +- DOM code + +- 选择器字符串 + +作为对象调用(方法)： + +- $.ajax() $.get() $.post() + +- $.isArray() $.each() $.isFunction() $.trim() + +**2、jQuery 对象**： + +概念：jquery核心函数$()调用返回的对象就是jquery对象的数组（可能有只有一个）。 + +使用举例： + +- addClass() + +- removeClass() + +- show() + +- find()