首頁  >  文章  >  jquery中ready什麼作用

jquery中ready什麼作用

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌原創
2023-05-25 11:51:312371瀏覽

jquery中ready是jQuery的文檔就緒函數,用於防止文件在完全載入就緒之前運 jQuery程式碼,如果在文件沒有完全載入之前就執行函數,操作可能會失敗。

jquery中ready什麼作用

本教學作業系統:Windows10系統、jQuery3.6.0版本、Dell G3電腦。

ready是jQuery的文件就緒函數,它用於防止文件在完全載入(就緒)之前執行 jQuery 程式碼。如果在文件沒有完全載入之前就執行函數,操作可能會失敗。

ready範例

先來一段程式碼範例:

jquery中ready什麼作用

一般來說,html程式碼載入是從上往下的,對於上面的程式碼,當js開始載入時,body部分還未載入,此時頁面還沒有div標籤,$(“div”)就無法取得到div的元素,所以沒辦法實作上面的點擊事件。

新增ready方法:

jquery中ready什麼作用

#就可以正常實作點擊功能了

jquery中ready什麼作用

如果不使用ready方法,也可以把js程式碼區塊挪到body的尾部,也可以正常實作功能,如下

jquery中ready什麼作用

ready()的其他簡寫形式

可以省略括號中的document

#
$().ready(function(){
$("div").click(function(){
alert("hi");
});
})

#或直接寫成
##

$(function(){
$("div").click(function(){
alert("hi");
});
})

以上是jquery中ready什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn