如何使用 jQuery 使用 prop() 正確啟用輸入元素

使用 jQuery 刪除「停用」屬性

在查詢中，您尋求在按一下某個輸入元素時首先停用然後啟用輸入元素關聯。但是，您的程式碼無法刪除“disabled”屬性。

jQuery 的 prop() 方法

要有效停用或啟用 jQuery 中的元素，總是使用prop() 方法。這個差異很重要，因為 prop() 處理屬性，而 attr()/removeAttr() 處理屬性。

在您的特定實例中，正確的程式碼是：

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Elements are now enabled.
});

請參閱更新了此jsFiddle 的程式碼：[連結到jsFiddle]

Prop() 與attr()/removeAttr()

While attr() /removeAttr() 從技術上講可以啟用/停用元素，但由於潛在的不一致，不建議這樣做。 Prop() 明確管理屬性值，提供更可靠的行為。

jQuery 3.0 之前（2016 年之前）

removeAttr() 完全刪除了停用屬性，設定屬性為 false。相反，prop() 僅修改屬性的布林值。

jQuery 3.0 及更高版本

prop() 仍然是建議的方法，因為 removeAttr() 現在不再設定對應的屬性為 false。這種區別對於區分屬性（初始值）和屬性（當前值）的現代瀏覽器至關重要。

以上是如何使用 jQuery 使用 prop() 正確啟用輸入元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！