在web開發中，常常需要設置表單元素的只讀和非只讀狀態。jQuery是一款強大的javascript庫，提供了豐富的函數和方法幫助我們操作DOM元素，包括表單元素的只讀和非只讀設置。

要設置一個表單元素為只讀狀態，可以使用jQuery的attr方法，語法如下：

$(selector).attr('readonly', 'readonly');

其中，selector是要設置屬性的表單元素的選擇器，readonly是屬性名，它的值是'readonly'。這樣，該表單元素就不能被修改了。

相應地，要將表單元素的只讀狀態解除，可以使用removeAttr方法，語法如下：

$(selector).removeAttr('readonly');

該方法可以移除指定元素的屬性，參數是要移除的屬性名稱，這里是'readonly'。這樣，表單元素就變成了可編輯狀態。

除了attr和removeAttr方法，jQuery還提供了prop方法和removeProp方法。它們的用法與attr和removeAttr類似，但是操作的是DOM屬性而不是HTML屬性。例如，如果要設置一個checkbox為只讀狀態，可以使用以下代碼：

$(selector).prop('readonly', true);

或者解除只讀狀態：

$(selector).removeProp('readonly');

需要注意的是，只讀狀態無法阻止用戶提交表單，因此還需要在后端進行數據驗證和過濾。