jQuery類庫定義了一個全局函數:jQuery()。該函數使用頻繁,因此在 類庫中還給它定義了一個別名:$,這是jQuery在全局命名空間中定義的唯一兩個變量。(如果你在自己的代碼中有使用$作為變量,或者引入了Prototype等使用$作為全局變量的類庫,這時,為了避免沖突,可以使用jQuery.noConflict()來釋放$變量,讓其指向原始值。)
這個擁有兩個名字的全局方法是jQuery的核心查詢方法,例如下面的代碼能獲取jQuery文檔中的所有<div>元素:
var divs = $("div")
改方法返回的值表達零個或多個DOM元素,這就是jQuery對象。注意:jQuery()是工廠函數,不是構造函數,它返回一個新創建的對象,但並沒有和new關鍵字一起使用。jQuery對象定義了很多方法,可以用來操作它們表示這組元素,本章中的大部分文字來闡述這些方法。例如:下面的這組代碼用來找到擁有details類的p元素,將其高亮顯示,並將其中隱藏的p元素快速顯示出來。
$("p.details").css("background-color","yellow").show("fast");
上面的css()方法調用操作的jQuery對象是由$()返回的,css()方法返回的這個也是這個對象,因此可以繼續調用show()方法,這就是鏈式調用,很簡潔緊湊。在jQuery編程中,鏈式調用這個習慣用語很普遍。再舉個例子,下面的代碼可以找到文檔中擁有"clicktohide"CSS類的所有元素,並給每一個元素都注冊一個事件處理函數。當用戶單擊元素時,會調用事件處理程序,使得元素緩慢向上收縮,最終消失。
$(".clicktohide").click(function(){$(this).slideUp("slow");});