使用jQuery 增強輸入元素:停用與啟用功能
在Web 應用程式中使用輸入欄位時,需要啟用或停用它們動態地產生。 jQuery 提供了多種方法來完成此任務,每種方法在不同的 jQuery 版本中都有自己的優點。
在 jQuery 1.6 及更高版本中,.prop() 函數是修改禁用屬性的建議方法。透過使用.prop(),您可以將停用狀態設為true 或false,如下所示:
$("input").prop('disabled', true); // Disable the input $("input").prop('disabled', false); // Enable the input
但是,如果您使用的是jQuery 1.5 或更低版本,則.prop()函數不可用可用的。相反,您可以使用.attr() 函數,它具有類似的功能:
$("input").attr('disabled', 'disabled'); // Set disabled attribute
要再次啟用輸入,您應該使用.removeAttr() 方法:
$("input").removeAttr('disabled');
最後,無論您使用什麼jQuery 版本,您始終可以依賴實際的DOM 物件。在處理單一元素時,此方法可能會提供稍好的效能:
this.disabled = true; // Disable the input (assuming event handler context)
雖然使用.prop() 或.attr() 方法可讓您為多個選定項目設定屬性,但DOM物件方法可確保正確處理原生屬性,例如“停用”,而不會完全刪除。
以上是如何在不同版本中使用 jQuery 啟用和停用輸入元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!