JavaScript 中的 ready 是指 DOM 文檔加載完成后，可以開始執行 JavaScript 代碼的事件。在實際開發中，我們經常需要在該事件發生時，執行各種動作。比如，當我們需要在頁面元素加載完成后，立即執行某些操作，就會用到 ready。下面我們就來詳細介紹一下 JavaScript 中 ready 的使用方法。

首先，我們來看一個在 ready 中使用 jQuery 的示例代碼：

$(document).ready(function() {
// your code here
});

上述代碼中，我們使用了 jQuery 提供的 ready 事件，即 $(document).ready()。當該事件被觸發時，就表示當前 DOM 文檔已經加載完成。這個事件是一個被動的事件，也就是說當 DOM 文檔加載完成后，它會自動觸發。

除了 jQuery，原生 JavaScript 中也提供了類似的事件，即DOMContentLoaded事件。它的使用方法如下：

document.addEventListener('DOMContentLoaded', function() {
// your code here
});

可以看到，和 jQuery 的用法很相似，都是在事件觸發時執行相應的代碼塊。

在實際開發中，我們經常需要在 DOM 文檔加載完成后，執行一些頁面元素相關的操作。比如，當我們需要在頁面元素加載完成后，立即執行某些操作，就會用到 ready 事件。

舉個例子，假設我們有一個包含了若干個圖片元素的網頁。當圖片元素加載完成后，我們需要對其進行一些處理，比如重新設置其寬度和高度等。為了實現這個功能，我們可以使用 onload 事件，如下所示：

const imgs = document.getElementsByTagName('img');
for (let i = 0; i < imgs.length; i++) {
imgs[i].onload = function() {
// 處理圖片元素的代碼
};
}

上述代碼中，我們首先獲取所有的圖片元素，然后對每一個圖片元素添加 onload 事件。當圖片加載完成后，就會觸發事件，執行對應的代碼塊。在代碼塊中，我們可以對圖片元素進行處理，比如重新設置其寬度和高度等。

需要注意的是，onload 事件還有一個缺點，就是無法確保所有頁面元素都已經加載完成。因為 onload 事件是在圖片元素加載完成后才會觸發，如果頁面中還有其他元素沒有加載完，就無法確保代碼的執行順序。

因此，在這種情況下，我們就需要使用 ready 事件。它能夠確保所有的頁面元素都已經加載完成，再執行相應的代碼。

總結一下，ready 是在 DOM 文檔加載完成后，可以開始執行 JavaScript 代碼的事件。它在實際開發中非常常用，可以幫助我們在頁面元素加載完成后，立即執行相應的操作。同時，我們還介紹了兩種 ready 事件的使用方法，即 jQuery 中的 $().ready() 和原生 JavaScript 中的 DOMContentLoaded 事件。在實際開發中，這兩種方法都可以使用，具體操作根據個人習慣。