原文地址：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

最好有javascript以及dom方面的知识，这对于理解其中的代码很有帮助，不了解也不要紧，因为代码本身就很简洁。

这篇指南包括了 hello jquery、基本的selector、event、ajax、FX、以及一些插件。

tips：当你看到这篇文章时最好在第一时间看完，不要放到收藏夹里等待将来的某天再翻出来看，往往这一天不会到来。

其实在我之前已经有人翻译了这篇文章，但是我觉得翻译得有点粗糙，不易阅读，因此又重新翻译了一下，对我自己也又温习了一下jquery。

OK！出发了

1. Setup
2. Hello jQuery
3. Find me: Using selectors and events //定位
4. Rate me: Using Ajax //投票
5. Animate me: Using Effects //动画
6. Sort me: Using the tablesorter plugin //排序
7. Plug me: Writing your own Plugins //插件
8. Next steps

Setup（安装）

下载地址：http://docs.jquery.com/Downloading_jQuery
得到jquery.js后，将其包含到目标文件就可以了，就像这样

1. $(document.ready(function() {
2.    // do stuff when DOM is ready
3.  });

当dom都加载完后执行里面的语句，类似于window.onload。
那么载入完成后，我们来做些事情。

1. $(document.ready(function() {
2.    $("a".click(function() {
3.      alert("Hello jQuery!";
4.    });
5.  });

当点击任何一个链接时，都会弹出一个框，里面是什么内容，就不用我说了吧。
我们来品品这几句话，首先是”$()”，这个可以当作一个选择器，里面可以是tagName，比如例子中的”a”，还可以是什么，我们下面再说。
然后是一个click方法，相当于在每一个链接里都加了一句”onclick=…”，从这里可以看出jQuery的一个很大的优点就是代码和结构分离。

评论 (0) All

登陆 还没注册？