jquery 常用api

標籤：class   code   ext   get   資料   os   

*一）jQuery常用方法API實戰
（1）DOM簡述與分類
A）DOM是一種標準，它獨立於平台，語言，瀏覽器。
B）如果項目中，你完全按照DOM標準寫代碼，你就能在各大主流的瀏覽器中操作標準控制項。
C）參見<<>>

（2）jquery操作DOM的常用API實戰
父.append(子)
父.prepend(子)
------------------------------
A.after(B):B在A之後
A.before(B):B在A之前
------------------------------
attr(key,value)設定屬性值
attr(key)擷取屬性值
------------------------------
val()擷取value屬性值
val(value)設定value屬性值
------------------------------
$("html代碼")建立標籤，文本和屬性
------------------------------
remove()刪除元素和其子項目
------------------------------
舊.replaceWith(新)：新替換舊
------------------------------
html()

css()
------------------------------
removeAttr()：刪除屬性
------------------------------
clone()
close(true)
------------------------------
addClass()
hasClass()
removeClass()
toggleClass()
------------------------------
children() 取子項目不考慮後代元素
next()後面緊鄰同輩元素
prev()前面緊鄰同輩元素
siblings()前後所有同輩元素集合 可以用each()遍曆
------------------------------
show()可用於圖片顯示
hide()
------------------------------
slideUp() 上滑
slideDown()下滑
------------------------------

*二）jQuery常用事件API實戰
window.onload事件：
A)在頁面載入時執行
B)如果寫多個onload事件，後者覆蓋前者
C)無簡寫形式
$(document).ready()事件：
A)在頁面載入時執行
B)$(document).ready(處理函數);
C)$();
change()
select()
focus()

//擷取瀏覽器產生的事件對象，該事件對象，無需程式員代碼建立，
//是每個瀏覽器自已產生的，即IE和firefox瀏覽器產生的事件
//對象可以不同,event對象。
var code = event.keyCode;

keyup()：左37/上38/右39/下40
mousemove()
mouseout()
mouseover()
submit()

*三）jQuery常用AJAX-API實戰

（1）取得服務端目前時間
jquery對象.load(url,sendData,function(backData,textStatus,xhr){... ...})
load()：如果無參的話，就以GET方式發送
如果有參的話，就以POST方式發送

（2）檢查註冊使用者名稱是否存在
$.get(url,sendData,function(backData,textStatus,xhr){... ...})
$.post(url,sendData,function(backData,textStatus,xhr){... ...})

（3）二，三級菜單聯動
$.post(url,sendData,function(backData,textStatus,xhr){... ...})
思考：將菜單聯動做成資料庫版本

（4）jquery對象.serialize()
能夠收表參數，形成一個json格式字串，
前提是：必須為每一個表單項取一個name屬性