## 一、什么是 jQuery？ > jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery 是一個快速、小巧、功能豐富的 JavaScript 庫。 它使 HTML 文檔遍歷和操作、事件處理、動畫和 Ajax 之類的事情變得更加簡單，因為它有一個易于使用的、可以跨多種瀏覽器工作的 API。 結合了多功能性和可擴展性，jQuery 改變了數百萬人編寫 JavaScript 的方式。 * jQuery是一個 JavaScript 函數庫。 * jQuery 是一個輕量級的"寫的少，做的多"的 JavaScript 庫。 * jQuery 庫包含以下功能： * HTML 元素選取 * HTML 元素操作 * CSS 操作 * HTML 事件函數 * JavaScript 特效和動畫 * HTML DOM 遍歷和修改 * AJAX * Utilities ## 二、JavaScript VS jQuery * 通過 ID 獲取一個 HTML 元素 ~~~ // JavaScript var obj = document.getElementById('IdValue'); // dom 對象 // jQuery var obj = $('#IdValue'); // jquery 對象 ~~~ * 將一個 HTML 元素隱藏 ~~~ // JavaScript document.getElementById('IdValue').style.display = 'none'; // jQuery $('#IdValue').hide(); ~~~ * 設置一個 HTML 元素的樣式屬性 ~~~ // JavaScript document.getElementById('IdValue').style.width = '200px'; // jQuery $('#IdValue').css('width', '200px'); ~~~ ## 三、jQuery 的優勢 * 輕量級的 JS 庫 * 強大的選擇器 * 出色的 DOM 操作及封裝 * 可靠地事件處理機制 * 完善的 AJAX * 不污染頂級變量 * 出色的瀏覽器兼容性 * 鏈式操作方法 * 隱式迭代 * 行為層和結構層的分離