Zepto

最新推荐文章于 2022-11-15 23:56:00 发布

落花新月

最新推荐文章于 2022-11-15 23:56:00 发布

阅读量724

点赞数

分类专栏： Web前端文章标签： Zepto JQuery Js Animation transition

本文链接：https://blog.csdn.net/luohuaxinyue/article/details/50478280

版权

Web前端专栏收录该内容

68 篇文章 1 订阅

订阅专栏

1. Zepto

官网：http://zeptojs.com/

中文网址： http://css88.com/doc/zeptojs_api/

2.Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。

Zepto 是一款开源软件，它可以被开发者和商业发布。（不兼容IE6、7、8，但是手机系统是兼容的）

Zepto就相当于是精简版的JQuery，主要的目的就是“快”

3.可以在官网上下载Zepto的js文件

4.Zepto不支持JQuery过于复杂的选择器，如：:first,:last等

5.示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Zepto</title>
    <script type="text/javascript" src="z"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").eq(0).click(function(){
                $("div").eq(1).css("width",400);
            })
        });
    </script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background: #97ff9b;
            margin:10px;
        }
    </style>
</head>
<body>
<div></div>
<div></div>

</body>
</html>

运行效果：

点击第一个色块后会有：

6.（该图片来自传智）

7.引用模块包之后支持手机事件

落花新月

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Zepto

1. Zepto官网：http://zeptojs.com/中文网址： http://css88.com/doc/zeptojs_api/2.Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。Zepto 是一
复制链接

扫一扫

专栏目录