小博老師解析JavaWeb核心技術 ——JQuery常用方法

引言

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

核心方法

ready()

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

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

完整語法

簡化語法

最便捷語法

each()

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

比如要取得網頁上所有文本框中的值,可以使用以下代碼。

屬性操作方法

attr()

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

基本語法

取得元素屬性

設定元素屬性

text()

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

基本語法

取得文本值

設定文本值

val()

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

基本語法

設定值

取得值

AJAX

ajax()

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

具體應用代碼:

Get提交

Post提交

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容