让我们看一下这些修改是什么含义。$("a") 是一个 jQuery 选择器(selector),
在这里,它选择所有的 a 标签(译者 Keel 注:即<a></a>),$ 号是 jQuery
“类”(jQuery "class")的一个别称,因此$()构造了一个新的 jQuery 对象
(jQuery object)。函数 click() 是这个 jQuery 对象的一个方法,它绑定了一个
单击事件到所有选中的标签(这里是所有的 a 标签),并在事件触发时执行了它所
提供的 alert 方法.
这里有一个拟行相似功能的代码:
<a href="#" onclick="alert('Hello world')">Link</a>
不同之处很明显,用 jQuery 不需要在每个 a 标签上写 onclick 事件,所以我们拥
有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开
的目的,就像我们使用 CSS 追求的一样.
下面我们会更多地了解到选择器与事件.
本章的相关链接:
� jQuery Base
� jQuery Expressions
� jQuery Basic Events
Find me:使用选择器和事件
jQuery 提供两种方式来选择 html 的 elements,第一种是用 CSS 和 Xpath 选择器
联合起来形成一个字符串来传送到 jQuery 的构造器(如:$("div > ul a"));
第二种是用 jQuery 对象的几个 methods(方法)。这两种方式还可以联合起来混
合使用。
为了测试一下这些选择器,我们来试着在我们 starterkit.html 中选择并修改第
一个 ordered list.
一开始,我们需要选择这个 list 本身,这个 list 有一个 ID 叫
“orderedlist”,通常的 javascript 写法是
document.getElementById("orderedlist").在 jQuery 中,我们这样做:
$(document).ready(function() {
$("#orderedlist").addClass("red");
});
这里将 starterkit 中的一个 CSS 样式 red 附加到了 orderedlist 上(译者 Keel
注:参考测试包中的 css 目录下的 core.css,其中定义了 red 样式)。因此,在
评论0
最新资源