jQuery的点教程(PDF版).docVIP

知博网 jQuery 中文入门指南，翻译加实例，jQuery 的起点教程 中文版译者： Keel  jQuery 教程专题  ? ?  此文以实例为基础一步步说明了 jQuery 的工作方式。现以中文翻译（添加我的补充说明）如下。如有相关 意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。 英文原版：http://jquery.bassistance.de/jquery-getting-started.html ，感谢原文作者 J?rn Zaefferer 本文发布已征求原作者同意。 另外我认为在学习过程中,有两个 API 文档你要打开随时查看: /api/ / 以下部分为原文翻译: jQuery 入门指南教程 这个指南是一个对 jQuery 库的说明，要求读者了解 HTML(DOM)和 CSS 的一些常识。它包括了一个简单 的 Hello World 的例子，选择器和事件基础，AJAX、FX 的用法，以及如何制作 jQuery 的插件。 这个指 南包括了很多代码，你可以 copy 它们，并试着修改它们，看看产生的效果。 内容提要 1. 安装 2. Hello jQuery 3. Find me:使用选择器和事件 4. Rate me:使用 AJAX  知博网 5. Animate me(让我生动起来):使用 FX 6. Sort me(将我有序化):使用 tablesorter 插件(表格排序) 7. Plug me:制作您自己的插件 8. Next steps(下一步) 安装  jQuery 教程专题  ? ?  一开始,我们需要一个 jQuery 的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下 载. 下载：jQuery Starterkit (译者 Keel 注:一定要下载这个包，光看文章不实践肯定是不行的。) 下载后解压缩，然后用你最喜欢的文本编辑器打开 starterkit.html 和 custom.js 这两个文件。(译者 Keel 注:这两个就是例子文件,所有的例子都用这两个例子作出,custom.js 写 jQuery 代码,starterkit.html 观察效 果.建议用 editPlus 打开) 现在,我们就已经做好了一切准备来进行这个著名的Hello world例子. 本章的相关链接: Starterkit jQuery Downloads Hello jQue 在做所有事情之前,我们要让 jQuery 读取和处理文档的 DOM,必须尽可能快地在 DOM载入后开始执行事件, 所以,我们用一个 ready 事件作为处理 HTML 文档的开始.看看我们打开的 custom.js 这个文件,里面已经准 备好了:  知博网 $(document).ready(function() { // do stuff when DOM is ready });  jQuery 教程专题  放一个简单的 alert 事件在需要等 DOM 完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时 显示一个 alert. $(document).ready(function() { $(a).click(function() { alert(Hello world!); }); }); 这样在你点击页面的一个链接时都会触发这个Hello world的提示。 (译者 Keel 注:请照此代码修改 custom.js 并保存,然后用浏览器打开 starterkit.html 观察效果。) 让我们看一下这些修改是什么含义。$(a) 是一个 jQuery 选择器(selector),在这里，它选择所有的 a 标签 （译者 Keel 注：即a/a），$号是 jQuery “类”(jQuery class)的一个别称，因此$()构造了一个新的 jQuery 对象(jQuery object)。函数 click() 是这个 jQuery 对象的一个方法，它绑定了一个单击事件到所有 选中的标签(这里是所有的 a 标签),并在事件触发时执行了它所提供的 alert 方法. 这里有一个拟行相似功能的代码: a href=# onclick=alert(Hello world)Lin