使用 jQuery 停用和啟用元素的最佳方法是什麼：布林屬性的 prop() 與 attr()？-js教程-PHP中文網

首頁

web前端

js教程

使用 jQuery 停用和啟用元素的最佳方法是什麼：布林屬性的 prop() 與 attr()？

Susan Sarandon

Oct 19, 2024 pm 07:12 PM

What's the Optimal Method for Disabling and Enabling Elements with jQuery: prop() vs. attr() for Boolean Attributes?

如何使用jQuery 有效停用與啟用元素：了解attr() 和prop() 之間的差異

問題：

您嘗試最初停用輸入，然後在點擊連結時啟用它們，但您目前的jQuery 解決方案無法正常運作。

HTML:

<code class="html"><input type="text" disabled="disabled" class="inputDisabled" value=""></code>

登入後複製

jQuery:

<code class="javascript">$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});</code>

登入後複製

您正在使用removeAttr()來刪除「disabled」屬性，但這種方法有局限性，尤其是像「disabled」這樣的布林屬性。

解決方案：使用 prop() 而不是 attr()

對於布林屬性，建議使用 prop() 方法而不是 attr()。此方法明確修改元素的底層屬性值，這對於布林屬性來說更加高效且合適。

更新了 jQuery：

<code class="javascript">$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Element(s) are now enabled.
});</code>

登入後複製

為什麼prop() 優於 attr() 對於布林屬性？

一致性： prop() 一致地設定屬性值，而attr() 可能會導致意外行為
準確性： prop() 檢索並設定實際的屬性值，而attr() 可能會根據屬性傳回或設定不同的值。
效率： prop() 對於布林屬性來說更高效，因為它直接修改屬性而不涉及屬性。

注意：在 jQuery 之前的版本中到 3.0，布林屬性上的removeAttr() 也會將對應的屬性設為 false。此行為在後續版本中已被棄用，凸顯了使用 prop() 取得布林屬性的重要性。

以上是使用 jQuery 停用和啟用元素的最佳方法是什麼：布林屬性的 prop() 與 attr()？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7386

Java教學

1630

CakePHP 教程

1357

Laravel 教程

1267

PHP教程

1216

Related knowledge

在JavaScript中替換字符串字符 Mar 11, 2025 am 12:07 AM

JavaScript字符串替換方法詳解及常見問題解答本文將探討兩種在JavaScript中替換字符串字符的方法：在JavaScript代碼內部替換和在網頁HTML內部替換。在JavaScript代碼內部替換字符串最直接的方法是使用replace()方法： str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項，需使用正則表達式並添加全局標誌g： str = str.replace(/fi

8令人驚嘆的jQuery頁面佈局插件 Mar 06, 2025 am 12:48 AM

利用輕鬆的網頁佈局：8 ESTISSEL插件jQuery大大簡化了網頁佈局。本文重點介紹了簡化該過程的八個功能強大的JQuery插件，對於手動網站創建特別有用

構建您自己的Ajax Web應用程序 Mar 09, 2025 am 12:11 AM

因此，在這裡，您準備好了解所有稱為Ajax的東西。但是，到底是什麼？ AJAX一詞是指用於創建動態，交互式Web內容的一系列寬鬆的技術。 Ajax一詞，最初由Jesse J創造

10個JQuery Fun and Games插件 Mar 08, 2025 am 12:42 AM

10款趣味橫生的jQuery遊戲插件，讓您的網站更具吸引力，提升用戶粘性！雖然Flash仍然是開發休閒網頁遊戲的最佳軟件，但jQuery也能創造出令人驚喜的效果，雖然無法與純動作Flash遊戲媲美，但在某些情況下，您也能在瀏覽器中獲得意想不到的樂趣。 jQuery井字棋遊戲遊戲編程的“Hello world”，現在有了jQuery版本。源碼 jQuery瘋狂填詞遊戲這是一個填空遊戲，由於不知道單詞的上下文，可能會產生一些古怪的結果。源碼 jQuery掃雷遊戲