放flash圖片區塊
設計專欄│e化網頁設計
首頁 > 網頁設計文章
2009-02-04

什麼是 jQuery

jQuery 是一個快速又簡潔的 JavaScript 程式庫,簡化了在 HTML 文件裡面尋找 DOM 物件、處理事件、製作動畫、和處理 Ajax 互動的過程。
jQuery 對瀏覽器的支援雖然各個瀏覽器因各自的特性對網頁所產生出來的效果不盡相同,但是 jQuery 大部分均能將其結果依照各個瀏覽器的性質來呈現,也就是說 jQuery 是跨瀏覽器的。
如何使用 jQuery
首先需將下列的 HTML 標籤放置在網頁的 </head> 之前:
(本例的 jquery.js 是置於 js 資料夾中)
<script type="text/javascript" src="/js/jquery.js"></script>
當 jQuery 載入之後,便可以使用 jQuery 來撰寫程式碼了。
jQuery 與 傳統 JavaScript 的差異
取得一個 id="test_id" DOM 物件:
//傳統的 JavaScript 寫法
var obj1 = document.getElementById("test_id");
//jQuery 的寫法
var obj2 = $("#test_id");
原本的 document.getElementById("id") 現在只需 $("#id") 便能取代(在選取 id 時,需在 id 前加上 #)。
此外 jQuery 的選取器也能選取標籤(如:<a>,<p>,<div>)、或是選取 class="myclass" 的 elements,當然 jQuery 的選取器還有許多種不同的用法,這對撰寫跨瀏覽器的網頁來說,相當便利。

Posted by 程式設計師 / wyven