Web 是当今 Internet 最主要应用方式之一,身为网站开发人员,如何提供使用者流畅的操作感受,是一项重要课题。在 Web 2.0 的风潮中,随着使用者的操作实时改变网页接口元素,渐成为用户期望及认可的主流设计方式;当使用者已习惯于 AJAX 式的实时更新,传统透过 PostBack 送回服务器再重新产生网页的做法,其反应速度的延迟及每次重载 HTML 导致的闪动,已不再符合使用者的期待,亲和力明显不足。
要提供使用者较流畅的网页操作经验,主要可采取两种策略。第一是采用 AJAX 技术,以 Javascript 配合 XmlHttpRequest 对象,在不重载网页的前题下,与服务器沟通取得信息,实时更新网页上的元素,例如: 采用 Microsoft ASP.NET AJAX 的 UpdatePanel,或自行以 Javascript 开发。第二种做法则是采取 RIA(Rich Internet Application) 方式,透过如 Silverlight、Flash、FLEX 等技术,在网页上提供类似于 Window Form 形式的操作接口,但前题是浏览器上必须安装特定的 Plugin。
【jQuery 是什么?】
在众多 AJAX Framework 中,jQuery 只能算是后起之秀,但近来却一路窜红,成为许多网站开发人员注目的焦点。
jQuery 是 John Resig 于 2006/01/14 于 BarCamp NYC 首次发表,它有几项特色让人印象深刻,才能一举掳获众多开发者的心:
语法简洁
jQuery 巧妙地将 CSS Selector 概念落实在 Javascript 的对象存取上,传统要跑循环一一比对元素的做法,变成只要一行 Selector 搞定,后面还可以连续串接多个函数,则选取的元素数组就会逐一执行指定的作业,非常省 Code。
例如:$(“#tbl tr:odd”).css(“background-color”, “gray”).css(“color”, “blue”); 可以一口气改变的 <table id="tbl"> 里所有单数 <tr> 的前景及背景色,较传统 Javascript 写法简便许多。
轻薄短小
大部分的核心功能只需加载一个 jquery.js 就够了,压缩过的 js 甚至不超过 20KB。
扩充弹性
jQuery 提供简便的 Plugin 扩充方式,随着 jQuery 的热门,现成可用的免费 Plugin 也愈来愈多。
支持广泛
跨浏览器是 AJAX Framework 的一大重点,jQuery 可支持 IE6+, Firefox 2+, Safari 2.0+ 及 Opera 9.0+ 等浏览器版本。