在開發(fā)網(wǎng)頁的過程中，我們經(jīng)常需要對頁面內(nèi)的表單元素進(jìn)行設(shè)置，比如將輸入框設(shè)置為不可編輯狀態(tài)。使用 jQuery 可以快速方便地實現(xiàn)這一操作。

設(shè)置輸入框不可編輯的代碼如下：

$("input").attr("readonly",true);

該代碼選中頁面內(nèi)的所有 input 元素，并設(shè)置它們的 readonly 屬性為 true，使其變?yōu)橹蛔x狀態(tài)。

如果需要取消輸入框的只讀狀態(tài)，可以使用如下代碼：

$("input").removeAttr("readonly");

該代碼選中頁面內(nèi)的所有 input 元素，并移除它們的 readonly 屬性，使其變?yōu)榭删庉嫚顟B(tài)。

對于單個元素，也可以根據(jù)其 ID 或類名進(jìn)行選擇，進(jìn)行相應(yīng)的屬性設(shè)置，如下所示：

$("#myInput").attr("readonly", true);
或
$(".myClass").attr("readonly", true);

設(shè)置和取消不可編輯狀態(tài)只需要一行代碼，而且在處理大量的表單元素時非常方便，大大提高了開發(fā)效率。