jQuery之实现

最新推荐文章于 2024-09-07 22:49:05 发布

honedou

最新推荐文章于 2024-09-07 22:49:05 发布

阅读量556

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/AHONGDOU/article/details/40826029

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

人是很难满足的。比如说，在没有产品之前，希望看到原型设计；在有产品原型之后，想看到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？