為什么在jQuery中使用document.ready
[英]Why document.ready is used in jQuery
問題描述
jQuery中$(document).ready()的確切用法是什么，我們在網頁中可以有兩個$(document).ready()嗎？
4 個解決方案
解決方案1
4 2015-06-10 10:13:53
在文檔“就緒”之前，無法安全地操縱頁面。 通常，人們甚至在編寫<body>之前，就在文檔的開頭，在<head>編寫<script>標記。 因此，從技術上講，如果要處理<body>內容，則在執行時不存在該內容。
因此，jQuery的$( document ).ready()等待將HTML Document內容完全加載並准備就緒，然后將所有元素呈現到window對象或簡而言之，即完成了主體的加載。
一旦完全加載了HTML文檔，然后執行代碼中存在的任何內容，這可以確保在執行JS代碼時每個HTML元素都存在。
查看：
關於綁定兩個就緒的處理程序，為什么需要兩個？ 您可以將代碼合並到一個函數中。 您必須給出最少的代碼來說明。 我假設你有這樣的事情：
$( document ).ready( function () {
// Code block 1 start...
alert( "First Function..." );
// Code block 1 end...
});
$( document ).ready( function () {
// Code block 2 start...
alert( "Second Function..." );
// Code block 2 end...
});
是的，以上是可能的。 此外，與上面的內容沒有什么區別：
$( document ).ready( function () {
// Code block 1 start...
alert( "First Function..." );
// Code block 1 end...
// Code block 2 start...
alert( "Second Function..." );
// Code block 2 end...
});
解決方案2
2 2015-06-12 10:15:16
$（document）.ready（）函數中的所有內容將在DOM加載后以及頁面內容加載之前加載。
您應該使用此功能包裝所有JavaScript代碼，以確保該代碼僅在頁面完全呈現后才能運行。 沒有它，您可能會遇到錯誤，JavaScript無法找到元素，因為它們尚未呈現到頁面中。
是的，您可以在網頁中多次使用它。
解決方案3
0 2015-06-10 10:14:46
$(document).ready([...])僅在HTML文檔已完全加載時才用於執行JS代碼，這可確保在執行JS代碼時填充每個HTML元素。
您可以多次使用它。
解決方案4
0
在Jquery中使用Document.ready
有時，您需要腳本來在頁面加載時運行。 但是在執行腳本時，可能有些元素沒有完全加載。 為了使其運行安全，我們使用$(document).ready(function { /* to do here */})或簡寫$(function { /* to do here */});
我們可以在網頁中有兩個document.ready嗎？
是的，您可以有多個。
jQuery document.ready
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.