jquery筆記

基礎用法：$(selector).action()//對selector元素進行action()操作

$(selector)擷取元素例子：$('p'),$('.test'),$('#id'),$('p .test'),$('p #id'),$('p div'),$("p:first"),$("ul li:first"),$(":button"),$("tr:even"),$("tr:odd")

action()執行的方法例子：$(selector).click(function(參數){});這些方法要在$(function(){ 方法});裡，入口函數是在 html 所有标簽(DOM)都加載之後，就會去執行。

對于元素内容擷取：

text()、html() 以及 val()，同樣擁有回調函數。回調函數有兩個參數：被選元素清單中目前元素的下标，以及原始（舊的）值。然後以函數新值傳回您希望使用的字元串。

• html() - 設定或傳回所選元素的内容（包括 HTML 标記）
• text() - 設定或傳回所選元素的文本内容
• val() - 設定或傳回表單字段的值
• attr("屬性","值")-設定或傳回元素值

例子：$("#runoob").attr({ "href" : "http://www.runoob.com/jquery", "title" : "jQuery 教程" }); 

元素的添加，删除，css：

• append() - 在被選元素的結尾插入内容
• prepend() - 在被選元素的開頭插入内容
• after()- 在被選元素之後插入内容
• before()- 在被選元素之前插入内容
• remove([參數])-删除被選元素（及其子元素）
• empty()-從被選元素中删除子元素
• addclass()- 向被選元素添加一個或多個類
• removeclass() - 從被選元素删除一個或多個類
• toggleClass()- 對被選元素進行添加/删除類的切換操作
• css('style屬性','值') - 設定或傳回樣式屬性css({"background-color":"yellow","font-size":"200%"});

尺寸方法 

• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()

 擷取其他元素：

• parent()
• parents()
• parentsUntil()
• children()
• find()
• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

元素過濾方法：

三個最基本的過濾方法是：first(), last() 和 eq()，filter() 和 not() 允許您選取比對或不比對某項指定标準的元素

ajax:

$(selector).load(url,data,callback(a,b,c)) 方法從伺服器加載資料，并把傳回的資料放入被選元素中。 

必需的 URL 參數規定您希望加載的 URL。

可選的 data 參數規定與請求一同發送的查詢字元串鍵/值對集合。

可選的 callback 參數是 load() 方法完成後所執行的函數名稱。

可選的 callback 參數規定當 load() 方法完成後所要允許的回調函數。回調函數可以設定不同的參數：

• responseTxt - 包含調用成功時的結果内容
• statusTXT - 包含調用的狀态
• xhr - 包含 XMLHttpRequest 對象

$.get(URL,callback(data,state)); 

$.post(URL,data,callback(data,state));