jQuery是一種基于JavaScript的開源前端庫，可以讓用戶更方便地操作HTML文檔、處理事件和創(chuàng)建動畫效果。當(dāng)我們需要將一個(gè)表單輸入框設(shè)置為只讀置灰時(shí)，jQuery提供了一種簡單而又實(shí)用的方法。

$(document).ready(function(){
$("#inputBox").prop('readonly',true).css('background-color','#ccc');
});

上述代碼通過選擇器找到ID為“inputBox”的輸入框，并設(shè)置為只讀。同時(shí)，將該輸入框背景色設(shè)置為灰色。這兩個(gè)操作都是通過jQuery中的prop()和css()方法實(shí)現(xiàn)的。

其中，prop()方法用于獲取或設(shè)置屬性值，參數(shù)"readonly"表示設(shè)置只讀屬性為true。同時(shí)，css()方法用于獲取或設(shè)置CSS屬性的值，參數(shù)"background-color"表示設(shè)置背景色屬性的值為"#ccc"，即灰色。

在實(shí)際開發(fā)中，這種設(shè)置只讀置灰的方法非常實(shí)用，可以有效地保護(hù)表單數(shù)據(jù)不被誤修改，同時(shí)也可以增加用戶體驗(yàn)。