第一章

jQuery能做什么

取得文档中的元素（遍历，以DOM或者某个HTML部分），类选择器。
修改页面外观，修改css。
改变文档内容，修改HTML代码：如改变文本、插入或翻转图像。
Ajax。
为页面添加动态效果：如擦出、淡入淡出等特效。
响应用户操作（更好的、无污染的事件注册机制）
其他Javascript能完成的任务。

jQuery的优势

利用css的优势。
支持拓展。
屏蔽浏览器的不一致性。（可以放心的编写跨浏览器、平台的代码）。
总是面向集合：隐式迭代、所有Query的结果都是集合。
多重操作、代码精简：支持连缀。

第一个jQuery程序

[javascript]
$document.ready(function ()
{
$('.poem-stanza').addClass('highlight');
}
);
[/javascript]

当网页加载完成后，来给某一个css类（class），动态的添加一个额外的css属性。
 

其中
$(document)是jQuery的工厂类。
.addClass / .removeClass是为了一个集合添加、移除css属性，注意，这里无需循环，是隐式迭代。
把函数放入$(document).ready()中，实际是注册了document的onLoad事件，jQuery支持这种完全独立于HTML的注册方式，使HTML和Javascript的耦合降到最低。

进行一些拓展，当点击一个链接的时候：显示/隐藏这个css属性：
 

[javascript]
var $flag = false;
$(document).ready(function ()
{
$('#doit').click(function ()
{
//alert("HaHa!");
if(!$flag)
{
$('.poem-stanza').addClass('highlight');
}
else
{
$('.poem-stanza').removeClass('highlight');
}
$flag = !$flag;
}
);
}
);
[/javascript]