网站开发日志

2008年12月30日星期二

分享家:Addthis中国

jQuery基础 - 从何开始?

到目前为止,访问我的博客的朋友大多数是通过搜索来的。而这些搜索使用的关键词里,“jQuery”占得比例最高。既然有这么多人都想学习jQuery,我准备在本博客里对它进行系统详细地介绍,首先要介绍的是jQuery基础。

使用jQuery需要3个基本步骤:

1. 下载jQuery.js并保存在网页可以存取的位置。下载链接:dowload

2. 在HTML的head里引用jQuery.js

3. 运用jQuery的方法

提示:在步骤一提供的下载页面里,你会发现每一种jQuery发行版本都有三个下载链接:Minified、Packed、和Uncompressed。到底应该下载哪一个要根据你的需要来定:

  • 如果你想知道jQuery内部到底是如何工作的,你可以选择未压缩版本,也就是uncompressed。
  • 如果你只是想使用它,你可以选择Packed或者Minified
  • Packed和Minfied版本都去掉了多余的空格和注释,不同的是Packed版本还对源代码进行编码,因此体积要比Minified版本还要更小。但是万事总是有利有弊,使用Packed版本,客户端需要花费一定的时间来解压代码。

简单的例子(HTML)如下:

<html>
<head>
<title>My first jQuery</title>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript">
//下面是jQuery的代码
$(document).ready(function () {
alert("我的第一个jQuery代码!");
});
</script>
</head>
<body>
<h2>jQuery 简单例子</h2>
</body>
</html>

:你可以根据需要修改上面的jQuery代码,在接下来的文章里我将详细介绍一些具有代表性的使用方法。

标签: , ,

相关文章:

2 条评论:

  • 我也是通过搜索Jquery来到这的,博客真的很好,我会一篇篇看完所有的关于JQuery的文章的!

    作者 Anonymous ucatch, 时间 2009年1月7日 上午6:04  

  • 谢谢支持!
    提示:你可以通过日志分类查看所有有关jQuery的文章:
    http://www.61dh.com/blog/categories/jquery.html

    作者 Anonymous Adam, 时间 2009年1月7日 下午9:16  

发表评论

指向此帖子的链接: