首頁 > 常見問題 > jquery中ready什麼作用

jquery中ready什麼作用

尊渡假赌尊渡假赌尊渡假赌
發布: 2023-05-25 14:49:57
原創
2391 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板