對於不瞭解jQuery的讀者而言， 可以從jQuery的首字母聯想它的根基， 沒錯jQuery屬於Java家族， 它是一種快捷、小巧、功能豐富的JavaScript庫。 jQuery提供很多支援各種流覽器平臺的API， 使用這些API可以使Web前端開發變得更加輕鬆。
Web應用程式的基本架構
Web伺服器通常需要有固定的IP位址和永久功能變數名稱， 其主要功能如下：
存放Web應用程式。
接受使用者申請的服務。 如果用戶申請流覽JSP、PHP等指令檔， 則Web伺服器會對腳本進行解析， 生成對應的臨時HTML（HTM）檔。
如果腳本中需要訪問資料庫， 則將SQL語句傳送到資料庫伺服器， 並接收查詢結果。
將HTML（HTM）檔傳送到Web流覽器。
說了這麼多， 那麼重點來了， 為何我們要學jq？它到底有何魅力？
遍歷和操作HTML元素。 要實現動態網頁， 就需要在程式中對網頁的內容進行控制。 而HTML元素是構成網頁的基本元素。 jQuery可以使用選擇器選擇網頁中指定的HTML元素或遍歷網頁中的HTML元素， 並可以在程式中獲取和設置HTML元素的屬性、對HTML元素進行創建、插入、刪除、複製、替換等操作。
設置HTML元素的CSS樣式。 CSS（層疊樣式表）是用來定義網頁的顯示格式的， 使用它可以設計出更加整潔、漂亮的網頁。 通過在jQuery中設置HTML元素的CSS樣式， 可以很方便地動態改變HTML元素的顯示樣式。
事件處理。 jQuery可以很方便的將事件處理函數綁定到指定的HTML事件。 從而對HTML事件進行相應的處理。
很方便地實現與Ajax的交互。 Ajax是用於創建互動式Web應用的網頁開發技術，
實現動畫特效。 在前端開發技術中， 如何使介面更加美觀、絢麗是很重要的課題。 jQuery可以很方便地在HTML元素上實現動畫效果， 例如顯示、隱藏、淡入淡出和滑動等， 從而使頁面活潑起來。
現在開始正式步入jq之路吧：
首先引用jq腳本的方法
第一個jq程式例1-1
（1）$()是jQuery()的縮寫， 它可以在DOM中搜索與指定的選擇器（將在以後介紹）匹配的元素， 並創建一個引用該元素的jQuery物件。
（2）$(document)是jQuery的常用物件， 表示HTML文檔物件。 $(document).ready()方法指定$(document)的ready事件處理函數。 ready事件當文檔物件就緒的時候被觸發。
（3）$("p")是jQuery一個選擇器， 用於選擇網頁中所有的
元素， $("p").click方法指定
元素的click事件處理函數。 click事件使用者按一下當元素物件的時候被觸發。
（4）$(this)是一個JQuery物件， 表示當前引用的HTML元素物件（這裡指p元素）。 hide()方法用於隱藏當前引用的HTML元素物件。
（5）如上圖【例1-1】首先在網頁中使用p元素定義了一個字串“按一下我， 我就會消失。 ”。 然後通過jQuery 程式設計指定按一下p元素時執行$(this).hide()隱藏p元素。