jQuery 的應用

系統整合相關概念

使用最新的系統整合技術,建立各種服務平台的介接方式,以符合最前衛的MVC設計理念。

jQuery的簡介

jQuery 是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上釋出第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前10000個存取最高的網站中,有65%使用了jQuery,是目前最受歡迎的JavaScript函式庫。[1.資料來源]

jQuery 是開源軟體,使用MIT許可證授權。 jQuery的語法設計使得許多操作變得容易,如操作文件(document)、選擇DOM元素、建立動畫效果、處理事件、以及開發Ajax程式。jQuery 也提供了給開發人員在其上建立外掛模組的能力。這使開發人員可以對底層互動與動畫、高階效果和高階主題化的元件進行抽象化。模組化的方式使 jQuery 函式庫能夠建立功能強大的動態網頁以及網路應用程式。[2.資料來源]

早期在開發動態網頁程式時,總是要在java script裡用document.getElementById()的方式來取得網頁上相關的元素(Element),撰寫大量的程式碼是不可避免的;引用jQuery後,則用$()或jQuery()來代替document.getElementById,以取得網頁上的元素;以往產生網頁元素時,要用document.createElement('tag')的方式來產生,使用jQuery後只要$('<tag>')就可以產生該tag相對的元素。利用jQuery不但撰寫的程式變精簡,且閱讀性更高。 不過在使用jQuery之前,必需先熟悉HTML每種<tag>的語法,如此才能有效且精準的應用jQuery。

熟悉HTML的人都曉得,它是出自於XML的規範,所以相關HTML裡的元素大都滿足XML的要求。所以在HTML的語法及結構上必需滿足階層式的結構,雖然HTML的語法不是非常嚴謹,但了解HTML內每個不同的<tag>卻是必要的條件。尤其像<table>中<tr><td><th>的各項規則,更是特別的重要。

HTML裡的<tag>,通常都有著改變外觀或資料的設定,它稱為Atribute(屬性)及Value(值);jQuery中提供了非常豐富的函式庫,讓開發人員可以透過這些函式,很輕易地利用attr()及val()取得或改變適當的資料。

除以上的介紹外,其實最好用的是在jQuery之下,有許多好用的plugin或內建方法可供有興趣的人使用!本公司佔系統篇幅最大的部份是jqGrid和AJAX。

  • jqGrid應用在由資料庫裡把table的資料顯示在網頁上。
  • Ajax應用在所有需即時取得資料上。