jQuery的学习笔记(一)

最近学习JQuery 简单的纪录下学习的过程，其中大部分资料均参考原文作者，因为该资料均为英文简单的纪录下学习过程是非常有必要的
英文原版：http://jquery.bassistance.de/jquery-getting-started.html
感谢原文作者 Jörn Zaefferer
JQuery学习之 安装
     首先，我们需要在本地安装一个jquery的包，最新版的jquery可以在这里找到，在这个安装包中包含了实例和jquery所依赖的库文件，下载完成后用你最喜欢的编辑器打开starterkit.html 和custom.js (我们边看教程边练习用的)两个文件并用浏览器浏览starterkit.html 这个文件。现在都准备好了我们来进行这个著名的”Hello world”例子！
Hello jQuery
     在开始所有事情之前，我们在使用JQuery读取和处理文档之前我们必须确保DOM载入后才可以开始做我们想要做的各种事情，因此我们在document加载完成之后注册一个ready的事件！
查看custom.js的源文件如下：


$(document).ready(function() {
// do stuff when DOM is ready
});
这段代码将在你点链接的时候触发,弹出来一个Hello world的提示框
让我们看一下这段代码的含义。$(”a”) 是一个jQuery选择器(selector),在这里，它选择所有的a标签(<a></a>)，$号是 jQuery “类”(jQuery “class”)的一个别称，因此$()构造了一个新的jQuery 对象(jQuery object)。
函数 click() 是这个jQuery对象的一个方法，它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.
这里有一个拟行相似功能的代码:<a href=”#” mce_href=”#” onclick=”alert(’Hello world’)”>Link</a>
不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.