JQuery 是一款非常強大的 JavaScript 庫，它可以讓我們更加便捷地操作和處理文檔、元素和事件等。在其中一個常見應用場景中，我們需要將某文本框設為只讀，這時 JQuery 就為我們提供了一個方便的接口。

$(document).ready(function(){
$('input[type="text"]').prop('readonly', true);
});

在上述代碼中，我們使用了 JQuery 的 ready() 函數來在文檔加載完成后執行腳本。接著，選擇了所有類型為“text”的文本框元素，并通過 prop() 方法設置其 readonly 屬性為 true，這樣它就不能被編輯了。

除了 prop() 方法外，我們還可以使用 attr() 方法來實現相同的效果。但值得注意的是，prop() 方法更適用于布爾型的屬性，而 attr() 方法則更多地用于屬性值的獲取和設置操作。

$(document).ready(function(){
$('input[type="text"]').attr('readonly', true);
});

當然，在某些情況下，我們可能需要動態地在特定事件觸發時將文本框設為只讀。比如，我們可以使用表單的 submit 事件來禁止用戶在提交之后再次編輯文本框：

$(document).ready(function(){
$('input[type="submit"]').click(function(){
$('input[type="text"]').prop('readonly', true);
});
});

在上述代碼中，我們監聽了“submit”按鈕的 click 事件，并在處理函數中通過選擇器找到相關的文本框元素，并設置其 readonly 屬性為 true。這樣，當用戶點擊“submit”按鈕提交表單后，文本框會變為只讀狀態，防止誤操作。