文章專區

網頁程式技術探討

什麼是 jQuery

jQuery 是一個快速又簡潔的 JavaScript 程式庫,簡化了在 HTML 文件裡面尋找 DOM 物件、處理事件、製作動畫、和處理 Ajax 互動的過程。


 

jQuery 對瀏覽器的支援
雖然各個瀏覽器因各自的特性對網頁所產生出來的效果不盡相同,但是 jQuery 大部分均能將其結果依照各個瀏覽器的性質來呈現,也就是說 jQuery 是跨瀏覽器的。


 

如何使用 jQuery
首先需將下列的 HTML 標籤放置在網頁的 之前:
(本例的 jquery.js 是置於 js 資料夾中)

當 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 的選取器也能選取標籤(如:,

,

)、或是選取 class="myclass" 的 elements,當然 jQuery 的選取器還有許多種不同的用法,這對撰寫跨瀏覽器的網頁來說,相當便利。

 


 

Posted by 程式設計師 / wyven