作者：奔跑的人儿 | 来源：互联网 | 2013-08-05 10:39
在做所有事情之前,我们要让jQuery 读取和处理文档的DOM,必须尽可能快地在DOM 载入后开始执行事件,
所以,我们用一个ready 事件作为处理HTML 文档的开始.看看我们打开的custom.js 这个文件,里面已经准
备好了:
$(document).ready(function() {
// do stuff when DOM is ready
});
放一个简单的alert 事件在需要等DOM 完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时
显示一个alert.
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});
这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。
让我们看一下这些修改是什么含义。$("a") 是一个jQuery 选择器(selector),在这里，它选择所有的a 标签
（ 注：即），$号是jQuery “类”(jQuery "class")的一个别称，因此$()构造了一个新的jQuery 对象(jQuery object)。函数click() 是这个jQuery 对象的一个方法，它绑定了一个单击事件到所有选中的标签(这里是所有的a 标签),并在事件触发时执行了它所提供的alert 方法.
这里有一个拟行相似功能的代码:
不同之处很明显,用jQuery 不需要在每个a 标签上写onclick 事件,所以我们拥有了一个整洁的结构文档
(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS 追求的一样
京公网安备 11010802041100号