引言

上回小傅老師講解JQuery的選擇器，不知小伙伴們有沒有自己操作操作啊，這次老師講講JQuery內(nèi)置的方法。JQuery提供了很多方法，大體分成“核心”、”屬性”、”篩選”、”文檔處理”、”css”、”事件”、”效果”、”ajax”這幾個大類，每個類下面又細分成若干種方法。小傅老師有選擇性為大家講解一些常用方法的使用。

核心方法

ready()

ready()方法是JQuery中非常重要的一個方法，很多事件處理程序的綁定操作基本都它中間完成。它有點類似于window.load()事件，但與之不同的是ready()方法可以寫多次，load()事件只能編寫一次。這二者觸發(fā)的時間也不相同，load()方法在網(wǎng)頁上所有內(nèi)容加載完成后才執(zhí)行，ready()在網(wǎng)頁加載完其DOM結(jié)構(gòu)馬上觸發(fā)。

ready()的語法有多種方式,具體采用哪種因人而異，小傅老師喜歡用第三種:-)。

完整語法

簡化語法

最便捷語法

each()

當使用選擇器返回一組集合對象時，就好使用each()方法中的元素進行迭代，然后根據(jù)實際情況操作每個元素。

比如要取得網(wǎng)頁上所有文本框中的值，可以使用以下代碼。

屬性操作方法

attr()

attr()方法用取得或設(shè)定元素的屬性

基本語法

取得元素屬性

設(shè)定元素屬性

text()

在實際應(yīng)用中操作文本值用的機會比較，jQuery封裝了text()專門用來取得或設(shè)定文本值。

基本語法

取得文本值

設(shè)定文本值

val()

val()方法是專用來操作input類型的value屬性，比如文本框中值，下拉框中選中的值等。

基本語法

設(shè)定值

取得值

AJAX

ajax()

ajax()方法是jQuery中AJAX實現(xiàn)的底層方法，它可以帶很多參數(shù)以實現(xiàn)各種需求。簡單易用的AJAX方法可使用$.post()、$.get()|、$getJSON()。小傅老師對易用方法以有介紹，小伙伴可參考AJAX系列文章。

具體應(yīng)用代碼：

Get提交

Post提交

jQuery的常用方法小傅老師就講到這邊，有什么問題可以發(fā)信給小傅老師：-)。