jQuery是一種廣泛使用的JavaScript庫，被許多網站用于交互和動畫。在編寫jQuery代碼時，代碼的運行順序非常重要。在這篇文章中，我們將討論jQuery程序的運行順序。

首先，任何編寫的jQuery代碼都必須在文檔就緒時運行。為了保證代碼在文檔就緒時運行，我們必須使用一個特殊的函數：$(document).ready()。通過使用這個函數，我們可以確保代碼只會在文檔準備好時運行。

$(document).ready(function() {
// 在這里寫代碼
});

在$(document).ready()函數中，我們可以寫任何我們想要在文檔準備好時運行的代碼。這可以包括綁定事件、初始化變量、創建動畫等。

在運行jQuery代碼時，我們還需要考慮代碼中的選擇器的優先級。當在同一個選擇器中使用多個功能時，jQuery遵循“最后聲明的函數優先”的原則。在下面的示例中，我們將在點擊button后更改CSS樣式：

$('button').click(function() {
$('p').css('color', 'red');
$('p').fadeOut();
});

在這個例子中，我們首先更改了段落的顏色，然后使它淡出。但是，這個代碼實際上不會起作用。這是因為我們在同一個選擇器中使用了兩個函數，而jQuery遵循“最后聲明的函數優先”的原則。因此，我們需要將代碼改為：

$('button').click(function() {
$('p').fadeOut();
$('p').css('color', 'red');
});

最后，我們需要注意代碼中事件處理程序的運行順序。當使用多個事件處理程序時，它們的運行順序取決于它們被添加到元素中的順序。在下面的示例中，我們將為元素添加兩個事件處理程序：

$('button').click(function() {
$('p').fadeOut();
});
$('button').click(function() {
$('p').css('color', 'red');
});

在這個例子中，我們首先淡出了段落，然后更改了文本顏色。這是因為在添加第二個事件處理程序時最后聲明它。從這個例子中可以看出，jQuery的代碼運行順序非常重要。