Eric @ EricBess WebHome

Easy Ajax with jQuery中文版[转]

原文作者：Akash Mehta
原文地址：http://www.sitepoint.com/article/ajax-jquery
翻译：令狐葱 

Ajax 在改变着web应用，并且带来了一种前所未有的桌面应用程序之外的震撼。但是，在这些宣传的背后我们应该意识到，其实ajax不过是--(X)HTML, Javascript以及XML,没什么新鲜的.在这个教程中,我将给你展示如何让简单的添加ajax到你的应用中去,并且教你如何使用一个流行的 javascript库Jquey进行ajax开发.

1. 什么是ajax

你以前可能听说过ajax,或者至少用过ajax的应用--比如Gmail.简单的说,ajax就是使用javascript来异步地处理数据,而不是一下子重载整个页面.SitePoint上有个教程a good introduction to Ajax.另外,ajax这个词出自Jesse James Garrett的这篇著名的文章.

不幸的是,关于ajax深入的实践教程可以说少之又少,还有就是ajax中使用的XMLHttpRequest 类对初学网页开发的人来说有很大的难度.不过庆幸的是有一大批javascript库相继出现,为实现ajax提供了简单的方法.我们今天要用到的Jquery就是其中之一.

2. 什么是JQuery

Jquery是一个成熟的Javascript库,它提供许多其他库没有的特性.当然也得承认,它有19K之大,不想moo.fx那样只有3KB之轻.你可以在http://www.sitepoint.com/article/javascript-library这里看到对许多javascript库性能以及其他方面的比较数据.

3. 先验知识

要学习此教程,你需要有基本的javascript只是,如果你懂c风格的语言,那么你可以对javascript很快上手.其实不过是大括号,函数声明以及可有可无的行末分号(对Jquery来说;为必须).如果你想学习javascript,可以看这个教程. 另外,既然我们讨论的是web应用,基本的html只是自然是必不可少的.

4. Jquery 101

让我们简单浏览一下jQuery.要想使用jQuery,首先你必须下载这个库.下载地址在jquery.com这里(目前版本1.1.2).jQuery的语法非常简单:找到,然后做.我们从文档中选择元素则使用$().这个符号就相当于 document.getElementById(),不过除了支持ID外,它还支持css选择符以及一些XPath选择符. 而且,它可以返回一个元素的数组.好,也许举个例子可以更好的说明$()的功能. 我们想使用函数来操作我们的选择符.比如,把"Hello World!" 添加到每个class为foo的div上去,然后设置颜色为红色,我们可以这样写代码:

$("div.foo").append("Hello World!").css("color","red");

很简单啊!一般情况下,这需要两行代码来完成:

$("div.foo").append("Hello World!");
$("div.foo").css("color","red");

jQuery的链接方法可以是允许你连写你的代码,这点别的库恐怕没有.有很多jQuery的函数不需要对象,也就是说独立工作,许多ajax相关的函数都这样.比如,我们将会使用的post函数,调用方式为$.post(parameters). 更多jQuery函数信息可以来jquery.com/online documentation 或者 visualjquery.com.

Pages: 1 2 3 4

(No Ratings Yet)  Loading ... -欢迎为本文评级

• The Page SPONSORED BY
• Become SPONSOR Now
• HELP

No donations within the last 180 days.Who make donation will leave message at here.Donate Now.

Name Or TextAds:
Your URL:
Amount: USD AUD GBP CAD CZK DKK EUR HKD HUF JPY MXN NZD NOK PLN SGD SEK CHF RMB 3 dollar donations or more will appear in the Sponsored cloud. More donations, bigger Link!There is the option of having your name link to a site of your choosing. Simply fill out the form, click the PayPal button and you're on your way!

This a wordpress plugin Wp-Donators.It provides a smart donation function to autoleave the sponsor information in this container after payment. People can donate and submit name/URL or TextLink AD. The information of the latest donors are displayed in the cloud. The more a person donates, the bigger their link will be.It's will support most popular payment interface in future. ParPal Just the first one. More..

Powered By:WP-DONATORS

相关日志 2008-11-10 -- JavaScript 调用SOAP (0) 2008-07-21 -- 精通jQuery选择器使用[转] (0) 2008-07-20 -- Jquery效果：实现“即点即改” (0) 2008-07-20 -- Jquery效果：样式表切换 (1) 2008-07-04 -- Jquery效果：滑动面板 (0)

本文读者也关心以下内容： N/A

02月 19th, 2008 作者： eric | Coding, 网站技术 | Trackback ^? | 无评论| | 353 views