jQuery 是什麼?

jQuery是什麼 ?

jQuery是一個快速,簡潔的JavaScript庫,由John Resig創建於2006年,有一個很好的座右銘:少寫,多做。

jQuery 簡化了 HTML 文檔遍歷,事件處理,動畫和Ajax交互快速Web開發的。

jQuery是一個JavaScript工具包,旨在簡化各種任務,通過編寫更少的代碼。這裏是重要的支持jQuery的核心功能列表:

  • DOM操作: jQuery 很容易地選擇DOM元素,遍歷和修改其內容,通過使用跨瀏覽器的開源選擇器引擎稱爲Sizzle(嘶嘶聲)。 

  • 事件處理: jQuery提供了一個優雅的方式來捕捉各種各樣的事件,比如用戶點擊一個鏈接,而無需雜亂的HTML代碼本身與事件處理程序.

  • AJAX 支持: jQuery 幫助採用AJAX技術,開發一個具有響應性的和功能豐富的網站.

  • 動畫: jQuery提供了大量的內置動畫效果,可以在網站中使用。

  • 輕量級: jQuery是非常輕量級的庫 - 大小約19KB(精縮和gzip壓縮)。

  • 跨瀏覽器支持: jQuery有跨瀏覽器的支持,以及在IE6.0+,FF2.0+,Safari 3.0以上版本,Chrome和Opera9.0+

  • 最新技術: jQuery的支持CSS3選擇器,基本的XPath語法。

如何安裝jQuery?

這是很簡單的事情需要設置使用jQuery庫。必須進行兩個簡單的步驟:

  1. 轉到下載頁面下載最新版本。 

  2. 現在把 jquery1.8.min.js 下載文件在網站的目錄,例如/jquery。

下載的文件名 jquery1.8.min.js 版本可能會有所不同。

jQuery沒有要求任何特殊的安裝非常類似於JavaScript,我們並不需要任何編譯或建立階段使用jQuery。

如何使用jQuery庫?

現在,可以在HTML文件內容如下:包括jQuery庫

The jQuery Example ........

如何調用jQuery庫功能?

由於幾乎所有的東西,我們做的時候使用jQuery讀取或操縱的文檔對象模型(DOM),我們需要確保我們開始添加事件等,只要DOM準備好。

如果您想要一個事件工作網頁上,應該調用它裏面的$(document).ready() 函數。它裏面的一切都將載入儘快DOM加載之前加載頁面內容。

要做到這一點,我們需要註冊一個ready事件的文件如下:

$(document).ready(function() {
// do stuff when DOM is ready
});

調用任何jQuery庫函數,使用HTML腳本標籤,如下圖所示:

The jQuery Example
Click on this to see a dialogue box.

如何使用自定義腳本?

這是更好地在自定義的JavaScript文件:custom.js寫我們的自定義代碼,具體如下:

/* Filename: custom.js */
$(document).ready(function() {
$("div").click(function() {
alert("Hello world!");
});
});

現在,我們可以在HTML文件如下包括custom.js文件:

The jQuery Example
Click on this to see a dialogue box.

使用多個庫:

可以使用多個庫都在一起,要彼此沒有衝突。例如,可以用 jQuery 和 MooTool javascript庫在一起。

可以查看jQuery noConflict方法的更多細節。

下一步是什麼?

不要擔心太多,如果不明白上面的例子。他們很快在隨後的章節學習和熟悉。

下一章將試圖掩蓋一些基本的概念都來自傳統的JavaScript。