jQuery 的选择器借鉴了大量 CSS1 ~ CSS3 标准的特点，并且整理成一个强大的对象选择工具集。但要注意的是如果你的对象名里包含 “#;&,.+*~’:”!^$[]()=>|/” 这些元字符时，你必须用 “\\” 进行转义。例如你要选择文档里包含 “name=”names[]“” 的 input 元素时，在编写过滤规则时你必须先对 “[]” 进行转义，所以我们应该这样定义选择器：“$(“input[name=names\\[\\]]”)”。

如果我们希望把一个网站的更新实时发布到令一个网站上，最好的方法是通过 RSS 进行转载。如果只是需要简单的对更新的条目做个提示的话，使用 JavaScript 是最可行的方法。但是通过 JavaScript 解析一个 XML 文档十分麻烦。幸好 Yahoo Pipes 为我们提供了非常好的 RSS to JSON 功能，我们可以先把 RSS 转换成 JSON 再用 JavaScript 进行解析，这样比直接解析 XML 简单得多！

把 RSS 转换成 JSON

首先登录 http://pipes.yahoo.com ，新建一个 Pipe ( Creat a Pipe ) 。然后在左边的工具里选择 Sources > Fetch Feed ，在输入框里输入一个 RSS 地址。再用线把 Fetch Feed 和 Pipe Output 两个框框连起来（如右图），保存这个 Pipe，然后点击顶部的 Run Pipe… 。点击 Publish 发布这个 Pipe ，然后记下 Get as JSON 的 URL。简单几步就已经把一个 RSS 转换成 JSON 了，而且这个 JSON 会根据 RSS 的更新自动更新。

在自己的网站上更新文章时一个比较常见的问题是：文章插图太宽，使整个网页都变形了。如果对每个插图都先进行缩放再插入的话，太麻烦了。
我前段时间写的一篇文章就遇到过这种事情，后来用CSS的overflow和max-width属性暂时解决了页面变形的问题。这种方法好处是简单，但坏处是会破坏某些细节的效果。

jwTabs是Jeffrey制作的一个基于jQuery的Tab插件，与比较出名的idTab相比，它具有以下优点：

1. 可以自由选择过渡效果
2. 可以自动切换Tab
3. 插件大小只有1K
4. Has everything you’d actually use…and nothing more.（怎么翻译？）
5. 不需要对代码进行特殊标记

插件的主页是：Introducing jwTabs

越来越多网站已经通过让访客自己选择页面风格来提高访客体验。这次我们利用jQuery这把锋利的剑来实现这个功能。
首先，在header加入几个风格链接是必须的。

<link rel="stylesheet" type="text/css" href="styles1.css" title="styles1" media="screen" />
/*记得为候选风格加上rel="alternate"，否则会引起冲突*/
<link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" />

接下来在页面里加上开关链接，按下面的格式写

<a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">styles1</a>
<a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">styles2</a>
<a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">styles3</a>

jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。

jQuery 是什么？

jQuery 由 John Resig 创建于 2006 年初，对于任何使用 JavaScript 代码的程序员来说，它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言，并且希望获得一个能解决文档对象模型（Document Object Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家，jQuery 都会是您的首选。

jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery，您可以把握问题的要点，并使用尽可能最少的代码实现您想要的功能。

毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。当您理解并体会这一原理后，便可以开始学习本教程了，看看 jQuery 对我们的编程方式有多少改进吧。

本例利用jQuery实现背景图像动画效果。我们可以利用这种特效做一个“滑动门”菜单。请看demo。

这个效果的实现方法：
创建一个jquery.backgroundPosition.js文件，内容如下：

仅通过css的hover属性实现简单的背景变换已经满足不了一些追求美观的人。本实例即教大家如何在不修改原有CSS代码的前提下，使用jQuery实现光标悬停在链接上时的淡入淡出效果。

请看演示：demo。

通过演示，你可以发现例子里面，当鼠标停在链接上方是，背景图片会有一个淡出淡入过渡效果。实现这种效果的原理是这样的：

在此函数代码（linkFader.jquery.js）的帮助下，我们只需在链接标签<a>上添加一个名为“linkFader”的Class类，就可实现鼠标悬停在链接上时的淡入淡出效果。即使客户端的JavaScript处于不可用状态，CSS文件里面的HOVER效果仍将起作用。
请注意，要想使这个淡入淡出效果起作用，我们的链接标签<a>必须使用图片替换技术（即<a>需在CSS中定义为图片链接，具体请参考示例中的写法）来编写CSS代码，否则代码将不会起作用。这是因为此函数代码是基于背景（图片）位置偏移原理所编写，如果没有图片作为链接<a>的背景，偏移也就无从谈起了。

看这篇文章之前请先看看效果：demo。
从有图形操作系统开始，下拉菜单和菜单栏就占据一个重要地位。到现在，它们的使用已经无处不在。甚至桌面应用程序和网页设计也在跟随这种潮流。本文旨在简单睇讲解如何在你的网页中利用jQuery和CSS技术加入强大的下拉菜单。

入门
首先，我们需要确定基本菜单级数，为了保持语法结构，我们将使用无序列表（ul）链接标准。我们将使用下面的代码作为一个例子。

先看看演示demo，效果华丽吧？

以下是源代码