首頁 > 網路行銷 >什麼是 jQuery

網頁設計

[ 觀念 ] 什麼是 jQuery

2009-02-04

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