使用jQuery简化Ajax开发——Ajax开发入门

jQuery是一个可以简化 JavaScript?以及AJAX（Asynchronous JavaScript
+XML，异步Javascript和XML）编程的Javascript库。不同于其他的Javascript库，jQuery有他自己的哲学，使你可
以很简单的编写代码。这篇文章就会带领你见识一下jQuery的哲学，探讨一下他的特性以及功能，并且会做一些ajax的示例，以及如何使用plug-
in（插件）来扩展jQuery。
1. 什么是jQuery？
jQuery是个很优秀的
Javascript库，它诞生于2006年，出自JohnResig之手。不管你是一个javascript新手，但是却想尝试一下
DOM（Document
ObjectModel）以及Ajax的繁杂，抑或你是个javascript专家级人物，但是已经厌倦了反复的重复那无味的DOM以及Ajax脚
本，jQuery都将是你的不二选择。
jQuery会帮助你保持代码的简单和简洁。你不必再去写一大堆重复的循环或者是DOM调用脚本，
使用jQuery，你将很快找到关键点，并且可以以最少的代码表达你的思想。
jQuery的哲学其实很单一：简单、可重用。当你理解并且
认同这种思想的时候，你就可以开始体会一下使用jQuery能让你的编程变得多么轻松愉快了！
2. 一些简单概念
这
里是个简单的例子，向你展示jQuery如何影响你编写的代码。做的事情其实很简单，比如对页面上某一区域内的所有链接都添加一个click响应事件，你
可以使用一般的Javascript以及DOM来写，代码见Listing1：
[url=]Listing 1. DOM
scripting without jQuery
[/url]
var external_links =
document.getElementById('external_links');
var links =
external_links.getElementsByTagName('a');
for (var i=0;i <
links.length;i++) {
var link = links.item(i);
link.onclick
= function() {
return confirm('You are going to visit: ' + this.href);
};
}
如
果使用jQuery的话实现如下：
[url=]Listing 2. DOM scripting with jQuery
[/url]

$('#external_links a').click(function() {
return
confirm('You are going to visit: ' + this.href);
});
很惊讶，是
吧？使用jQuery的话，你可以很快找到关键点，并且只需要表达你需要表达的，
而不需要罗里罗嗦。不需要对这些元素进行循环，click()函
数可以处理好这一切。而且你不要谢太多的操作DOM的代码，
你需要的仅仅是使用很少的字符定义你要找的那个元素。
来看一下这段代
码是如何工作的，有点小技巧。首先，看到$()函数--jQuery里最有用的最