2024年5月6日发(作者：)

知博网

jQuery中文入门指南，翻译加实例，jQuery的起点教程

jQuery教程专题

中文版译者：

Keel

此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译（添加我的补充说明）如下。如有相关

意见或建议请麻烦到我的BLOG写个回复或者EMAIL告知。

英文原版：/，感谢原文作者J?rnZaefferer

本文发布已征求原作者同意。

另外我认为在学习过程中,有两个API文档你要打开随时查看:

•

•

/api/

/

以下部分为原文翻译:

jQuery入门指南教程

这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单

的HelloWorld的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。这个指

南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效果。

内容提要

1.

2.

3.

4.

安装

HellojQuery

Findme:使用选择器和事件

Rateme:使用AJAX

知博网

5.

6.

7.

8.

Animateme(让我生动起来):使用FX

Sortme(将我有序化):使用tablesorter插件(表格排序)

Plugme:制作您自己的插件

Nextsteps(下一步)

jQuery教程专题

安装

一开始,我们需要一个jQuery的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下

载.

下载：jQueryStarterkit

(译者Keel注:一定要下载这个包，光看文章不实践肯定是不行的。)

下载后解压缩，然后用你最喜欢的文本编辑器打开和这两个文件。(译者Keel

注:这两个就是例子文件,所有的例子都用这两个例子作出,写jQuery代码,观察效

果.建议用editPlus打开)

现在,我们就已经做好了一切准备来进行这个著名的"Helloworld"例子.

本章的相关链接:

•

•

Starterkit

jQueryDownloads

HellojQuery

在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,

所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的这个文件,里面已经准

备好了: