學習 jQuery 基本原理,探索其特性和功能,執行一些常見的 Ajax 任務并掌握如何使用插件擴展 jQuery。
jQuery 是什么?
jQuery 由 John Resig 創建于 2006 年初,對于任何使用 JavaScript 代碼的程序員來說,它是一個非常有用的 JavaScript 庫。無論您是剛剛接觸 JavaScript 語言,并且希望獲得一個能解決文檔對象模型(Document Object Model,DOM)腳本和 Ajax 開發中一些復雜問題的庫,還是作為一個厭倦了 DOM 腳本和 Ajax 開發中無聊的重復工作的資深 JavaScript 專家,jQuery 都會是您的首選。
jQuery 能幫助您保證代碼簡潔易讀。您再也不必編寫大堆重復的循環代碼和 DOM 腳本庫調用了。使用 jQuery,您可以把握問題的要點,并使用盡可能最少的代碼實現您想要的功能。
毫無疑問,jQuery 的原理是獨一無二的:它的目的就是保證代碼簡潔并可重用。當您理解并體會這一原理后,便可以開始學習本教程了,看看 jQuery 對我們的編程方式有多少改進吧。
一些簡單的代碼簡化
下面是一個簡單示例,它說明了 jQuery 對代碼的影響。要執行一些真正簡單和常見的任務,比方說為頁面的某一區域中的每個鏈接附加一個單擊(click)事件,您可以使用純 JavaScript 代碼和 DOM 腳本來實現,如 清單 1 所示。
清單 1. 沒有使用 jQuery 的 DOM 腳本
復制代碼 代碼如下:
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm('You are going to visit: ' + this.href);
};
}
復制代碼 代碼如下:
$('#external_links a').click(function() {
return confirm('You are going to visit: ' + this.href);
});
新聞熱點
疑難解答
圖片精選