溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“jquery就緒函數怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery就緒函數怎么使用”吧！
jquery就緒函數有3種寫法：1、完整寫法“$(document).ready(function(){//就緒代碼});”；2、省略document的寫法“$().ready(function(){//就緒代碼});”；3、document和ready()都省略的寫法“$(function(){//就緒代碼});”。
jquery文檔就緒函數
有時候，我們在Html頁面中，需要等待頁面所有Html內容加載完成之后，再執行JS代碼，此時，jQuery提供了一個名稱為文檔就緒的函數，可以很容易的解決此問題。
例如：
<script type="text/javascript">
$(document).ready(function () {
//文檔就緒后直接運行的JS代碼
});
</script>
$：jquery的標志
onload:加載頁面中所有的內容，包含外部資源（圖片、文檔等等文件）
先加載頁面中所有內容及外部資源，再加載js代碼
ready(文檔就緒函數)：加載頁面中的內容，不包含外部資源（）
先加載頁面中所有的標簽內容，再加載js代碼，最后加載外部資源
如下案例代碼：
使用jQuery的ready()方法可以在HTML文檔完全加載之后再運行其中的代碼，這樣可以防止查找不存在的元素。<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-3.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(
function() { //文檔就緒后直接運行的代碼
function f1() {
var div1 = document.getElementById("div1");
div1.innerText = "Hello";
}
f1();
});
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
在jQuery中，$(document).ready(function () {})可以省略為：
從代碼量上看，第2種更少，值得推薦使用。$().ready(function(){})
$(function(){});
通過上面的jQuery代碼的使用上看，jQuery讓JS代碼變的更加簡單，且代碼量更少，使得整體上，JS代碼更容易開發和維護。
總結：文檔就緒函數有三種方法
文檔就緒函數第一種書寫格式
文檔就緒函數第二種書寫方法 文檔就緒函數第三種書寫方法$(document).ready(function(){
alert("文檔就緒函數第一種書寫方法");
})$().ready(function(){
alert("文檔就緒函數第二種書寫方法");
})$(function(){
alert("文檔就緒函數第三種書寫方法");
})
感謝各位的閱讀，以上就是“jquery就緒函數怎么使用”的內容了，經過本文的學習后，相信大家對jquery就緒函數怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
