jQuery之实现

来源：互联网发布：win10玩cf总说网络异常编辑：程序博客网时间：2024/06/05 13:34

人是很难满足的。比如说，在没有产品之前，希望看到原型设计；在有产品原型之后，想看到UI……于是乎，便有了邂逅jQuery的故事。

一、什么是jQuery？

jQuery是一个兼容多浏览器的开源的javascript库，能使用户更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。

二、如何运行jQuery？

step1：安装开发工具 Aptana

下载地址：http://www.aptana.com/products/

windows下基本默认安装；安装完成，把中文包解压，复制到安装目录Aptana Studio 3\dropins下；运行即可。

step2：下载jQuery数据包

下载地址：http://jquery.com/

step3：加载jQuery数据库

运行aptana >> Web Project >> Default Project >>jQuery在左侧菜单即生成新的项目；在jQuery项目下新建文件夹support，然后把jQuery数据包复制到该目录下，如下图所示：

step4：测试jQuery，eg：

新建文件text.html

<span style="font-family:Times New Roman;font-size:14px;"><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8">  //设置字符，防止乱码<script type="text/javascript" src="support/jquery-2.1.1.js">  //引用jquery库</script><script> $(document).ready(function(){  $("#button2").click(function(){    $("div").animate({      height:'toggle'    });  });});</script> </head> <body><button id="button2">animate2</button><div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div></body> </html> </span>

完毕！

是不是so easy？

0 0