jQuery是一種基于JavaScript的開源前端庫,可以讓用戶更方便地操作HTML文檔、處理事件和創建動畫效果。當我們需要將一個表單輸入框設置為只讀置灰時,jQuery提供了一種簡單而又實用的方法。
$(document).ready(function(){ $("#inputBox").prop('readonly',true).css('background-color','#ccc'); });
上述代碼通過選擇器找到ID為“inputBox”的輸入框,并設置為只讀。同時,將該輸入框背景色設置為灰色。這兩個操作都是通過jQuery中的prop()和css()方法實現的。
其中,prop()方法用于獲取或設置屬性值,參數"readonly"表示設置只讀屬性為true。同時,css()方法用于獲取或設置CSS屬性的值,參數"background-color"表示設置背景色屬性的值為"#ccc",即灰色。
在實際開發中,這種設置只讀置灰的方法非常實用,可以有效地保護表單數據不被誤修改,同時也可以增加用戶體驗。