让我们快速的回顾一下基本的CSS语法。假定你要操作的HTML如下所示：
<p id="intro">Welcome to the World of Widgets.</p>
如果你想将段落的背景颜色设置为蓝色，那么你使用CSS在你的样式表中定位这个特定的段落，这里使用了 #intro ID选择器。根据HTML规范，在一个给定的文档内，ID必须是唯一的，所以我们可以确定只有这个元素拥有这一ID。在应用于你文档的样式表内部，添加以下条目，让你的段落变为蓝色：
#intro {
background-color: blue;
}
注意，这里主要有两个任务：查找具有#intro ID的元素，将该元素的背景颜色设为蓝色。
使用jQuery，你也可以完成同样的工作。但是首先，我们先简单介绍一下jQuery的语法：为了保持代码的简洁性，在jQuery的JavaScript代码中，使用下面的一行将jQuery命名空间映射为了美元符号($)：
var jQuery = window.jQuery = function( selector, context ) {...};
...
// Map the jQuery namespace to the '$' one
window.$ = jQuery;
注意 如果你对jQuery引擎的工作原理感兴趣的话，你可以下载完整的未压缩的jQuery JavaScript文件，下载地址为http://jquery.com。Drupal中包含的是一个压缩的版本，这样在使用浏览器访问你的站点时，需要下载的数据总量就会小一些。
下面使用jQuery，来选出你的段落并将其背景颜色转变为蓝色：
$("#intro").css("background-color", "blue");
你甚至可还以加点jQuery特效，来慢慢的渐进显示段落文本：
$("#intro").css("background-color", "blue").fadeIn("slow");
老葛的Drupal培训班 Think in Drupal
