jQuery快速入門

ajax

概念

Ajax用于浏覽器與伺服器通信而無需重新整理整個頁面，伺服器将不再傳回整個頁面，而是傳回少量資料，通過JavaScript DOM更新一部分節點。ajax() 方法用于執行 AJAX（異步 HTTP）請求。

其實不重新整理整個頁面便可與伺服器通信的方法有很多，比如Flash，Java applet，iframe等，但Ajax是目前最為常見的一種。

文法

$.ajax({name:value, name:value, ... })

該參數規定 AJAX 請求的一個或多個名稱/值對。

下面的表格中列出了可能的名稱/值：

名稱	值/描述
async	布爾值，表示請求是否異步處理。預設是 true。
beforeSend(xhr)	發送請求前運作的函數。
cache	布爾值，表示浏覽器是否緩存被請求頁面。預設是 true。
complete(xhr,status)	請求完成時運作的函數（在請求成功或失敗之後均調用，即在 success 和 error 函數之後）。
contentType	發送資料到伺服器時所使用的内容類型。預設是："application/x-www-form-urlencoded"。
context	為所有 AJAX 相關的回調函數規定 "this" 值。
data	規定要發送到伺服器的資料。
dataFilter(data,type)	用于處理 XMLHttpRequest 原始響應資料的函數。
dataType	預期的伺服器響應的資料類型。
error(xhr,status,error)	如果請求失敗要運作的函數。
global	布爾值，規定是否為請求觸發全局 AJAX 事件處理程式。預設是 true。
ifModified	布爾值，規定是否僅在最後一次請求以來響應發生改變時才請求成功。預設是 false。
jsonp	在一個 jsonp 中重寫回調函數的字元串。
jsonpCallback	在一個 jsonp 中規定回調函數的名稱。
password	規定在 HTTP 通路認證請求中使用的密碼。
processData	布爾值，規定通過請求發送的資料是否轉換為查詢字元串。預設是 true。
scriptCharset	規定請求的字元集。
success(result,status,xhr)	當請求成功時運作的函數。
timeout	設定本地的請求逾時時間（以毫秒計）。
traditional	布爾值，規定是否使用參數序列化的傳統樣式。
type	規定請求的類型（GET 或 POST）。
url	規定發送請求的 URL。預設是目前頁面。
username	規定在 HTTP 通路認證請求中使用的使用者名。
xhr	用于建立 XMLHttpRequest 對象的函數。

操作CSS

css() 方法傳回或設定比對的元素的一個或多個樣式屬性。

傳回 CSS 屬性值

傳回第一個比對元素的 CSS 屬性值。

注釋：當用于傳回一個值時，不支援簡寫的 CSS 屬性（比如 "background" 和 "border"）。

$(selector).css(name)

設定 CSS 屬性

設定所有比對元素的指定 CSS 屬性。

$(selector).css(name,value)

設定多個 CSS 屬性/值對

$(selector).css({property:value, property:value, ...})

把“名/值對”對象設定為所有比對元素的樣式屬性。

這是一種在所有比對的元素上設定大量樣式屬性的最佳方式。

$("p").css({

 "color":"white",

 "background-color":"#98bf21",

 "font-family":"Arial",

 "font-size":"20px",

 "padding":"5px"

 });

屬性操作

下面列出的這些方法獲得或設定元素的 DOM 屬性。

這些方法對于 XML 文檔和 HTML 文檔均是适用的，除了：html()。

方法	描述
addClass()	向比對的元素添加指定的類名。
attr()	設定或傳回比對元素的屬性和值。
hasClass()	檢查比對的元素是否擁有指定的類。
html()	設定或傳回比對的元素集合中的 HTML 内容。
removeAttr()	從所有比對的元素中移除指定的屬性。
removeClass()	從所有比對的元素中删除全部或者指定的類。
toggleClass()	從比對的元素中添加或删除一個類。
val()	設定或傳回比對元素的值。

元素内容操作

.html():讀取和修改一個元素的HTML内容，詳情

.html()

；

.text()：讀取和修改一個元素的文本内容，詳情

.text()

.val()：讀取和修改一個表單元素的value字段值，詳情

.val()

。