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庫。必須進行兩個簡單的步驟:
轉到下載頁面下載最新版本。
現在把 jquery1.8.min.js 下載文件在網站的目錄,例如/jquery。
下載的文件名 jquery1.8.min.js 版本可能會有所不同。
jQuery沒有要求任何特殊的安裝非常類似於JavaScript,我們並不需要任何編譯或建立階段使用jQuery。
如何使用jQuery庫?
現在,可以在HTML文件內容如下:包括jQuery庫
如何調用jQuery庫功能?
由於幾乎所有的東西,我們做的時候使用jQuery讀取或操縱的文檔對象模型(DOM),我們需要確保我們開始添加事件等,只要DOM準備好。
如果您想要一個事件工作網頁上,應該調用它裏面的$(document).ready() 函數。它裏面的一切都將載入儘快DOM加載之前加載頁面內容。
要做到這一點,我們需要註冊一個ready事件的文件如下:
$(document).ready(function() {
// do stuff when DOM is ready
});
調用任何jQuery庫函數,使用HTML腳本標籤,如下圖所示:
如何使用自定義腳本?
這是更好地在自定義的JavaScript文件:custom.js寫我們的自定義代碼,具體如下:
/* Filename: custom.js */
$(document).ready(function() {
$("div").click(function() {
alert("Hello world!");
});
});
現在,我們可以在HTML文件如下包括custom.js文件:
使用多個庫:
可以使用多個庫都在一起,要彼此沒有衝突。例如,可以用 jQuery 和 MooTool javascript庫在一起。
可以查看jQuery noConflict方法的更多細節。
下一步是什麼?
不要擔心太多,如果不明白上面的例子。他們很快在隨後的章節學習和熟悉。
下一章將試圖掩蓋一些基本的概念都來自傳統的JavaScript。