jQuery是一款非常受歡迎的JavaScript函式庫，它讓在網頁中實作互動性變得異常簡單。在開發過程中，有時我們需要判斷一個控制項是否可用來進行下一步的操作，這樣能夠提高程式碼的可用性、可讀性和可維護性。因此，在本文中，筆者將會分享在jQuery中如何判斷控制項是否可用的方法。
一、控制項的狀態
在開始之前，我們必須要了解一下控制項的狀態。無論是文字方塊、下拉框或複選框，它們的狀態一般包括以下三種：
透過以上的描述，我們可以看出唯讀狀態和可用狀態有所不同。只讀狀態下，控制項是可以使用的，但使用者無法對其進行編輯，只能進行選擇或點選等操作。判斷控制項是否為唯讀狀態，我們可以透過判斷控制項的readonly屬性是否為true來實現。控制項可用狀態和停用狀態，相對來說更為相似。為了避免混淆，我們把控制項可用狀態稱為“啟用”，把控制項停用狀態稱為“停用”。
二、attr方法
在jQuery中，我們可以使用attr()方法來取得或設定元素屬性。 attr()方法可以取得一個或多個符合元素的屬性值，如果屬性不存在，則傳回undefined。
因此，我們可以使用attr()方法來判斷一個控制項是否可用。
如下面的範例所示：
<input type="text" id="text1" disabled="disabled" value="disabled"> <input type="text" id="text2" value="enabled">
在HTML中，我們宣告了兩個文字框，分別為text1和text2。 text1被設為停用狀態，text2被設為啟用狀態。那麼，在jQuery中，我們可以使用如下的程式碼來判斷這兩個控制項是否可用：
if($('#text1').attr('disabled')) {
alert('text1 is disabled.');
} else {
alert('text1 is enabled.');
}
if($('#text2').attr('disabled')) {
alert('text2 is disabled.');
} else {
alert('text2 is enabled.');
}運行程式碼後，我們會發現第一個文字方塊透過判斷其disabled屬性為true來判斷其是否已停用，而第二個文字方塊沒有disabled屬性，因此傳回的是undefined，基於這個結果可以判斷文字方塊是否啟用。
三、prop方法
在jQuery 1.6版本之後，jQuery引進了prop()方法。相對於attr()方法，prop()方法可以取得或設定元素的屬性值，但只針對於元素的DOM屬性。
控制項的啟用或停用是DOM屬性的一個狀態，於是我們可以透過prop()方法來判斷控制項的狀態。
如下面的例子所示：
<input type="text" id="text1" disabled="disabled" value="disabled"> <input type="text" id="text2" value="enabled">
可以透過以下的程式碼來判斷這兩個文字方塊是否啟用：
if($('#text1').prop('disabled')) {
alert('text1 is disabled.');
} else {
alert('text1 is enabled.');
}
if($('#text2').prop('disabled')) {
alert('text2 is disabled.');
} else {
alert('text2 is enabled.');
}在上述的程式碼中，如果一個控制項啟用，prop()方法傳回的是false，如果是停用狀態，prop()方法傳回的則是true。在實際開發中，我們可以用prop()方法更為輕鬆地判斷控制項的狀態。
四、總結
在jQuery判斷控制項是否可用，我們可以使用attr()方法或prop()方法。 attr()方法透過取得元素的屬性值來判斷控制項是否可用，而prop()方法則可以傳回元素的DOM屬性，也可以判斷控制項是否可用。透過本文介紹的方法，一個控制項的狀態就可以輕鬆判斷。在實際開發中，我們可以根據具體需求靈活運用這些方法。
以上是jquery怎麼判斷控件是否可用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
