jquery延遲執行的原因是在早期的Web發展中，瀏覽器的JavaScript引擎還比較簡陋，無法很好地解析和執行一些複雜的JavaScript程式碼，隨著Web應用程式變得越來越複雜，jQuery等框架的出現解決了這個問題。同時，為了更好地保護頁面內容，在頁面載入時不希望使用者看到DOM元素的閃爍或文件的其他誤差。
本教學作業系統：Windows10系統、jQuery3.6.0版本、Dell G3電腦。
一、jQuery為什麼要延遲執行？
在早期的Web發展中，瀏覽器的JavaScript引擎還比較簡陋，無法很好地解析和執行一些複雜的JavaScript程式碼。隨著Web應用程式變得越來越複雜，jQuery等框架的出現解決了這個問題。同時，為了更好地保護頁面內容，在頁面載入時不希望使用者看到DOM元素的閃爍或文件的其他誤差。使用 `$(document).ready()` 函數可以執行 DOM 操作以及其他操作。
二、有什麼作用？
使用`$(document).ready()`函數，可以確保jQuery程式碼只會在DOM樹建置完畢後再執行。也就是說，該函數保證了jQuery程式碼的執行時間點，而不會受到頁面載入速度和事件觸發時間的影響，從而使程式碼更加穩定可靠，避免了一些不必要的錯誤。
三、怎麼做？
為了實作jQuery 的延遲執行，可以使用以下方法：
1. 將jQuery程式碼包裹在`$(document).ready()` 函數中，例如：
```javascript
$(document).ready(function () {
// jQuery code goes here
});
```2. 或者，可以使用簡寫語法`$()`，如下所示：
```javascript
$(function () {
// jQuery code goes here
});
```3. 另一種方式是使用`defer` 屬性延遲所有JavaScript 的執行時間，確保先完成HTML 的解析，類似`async`。但它們又有一些細微差別，例如先後順序：
```html <script src="jquery.js" defer></script> <script src="main.js" defer></script> ```
在這種方式下，不建議使用ready函數
以上是jquery為什麼要延遲執行的詳細內容。更多資訊請關注PHP中文網其他相關文章！
