在網頁設計中,有時需要將某些按鈕設置為灰顯,即不能使用。這時可以使用jQuery的方法來實現。下面是實現方法:
$(document).ready(function(){ $("#buttonId").attr("disabled", true); });
其中,#buttonId
是需要設置為灰顯的按鈕的id,attr("disabled", true)
表示將該按鈕的disabled屬性設置為true,即灰顯,設置為false則恢復為可用狀態。
除此之外,還可以通過設置CSS樣式來實現灰顯效果:
$(document).ready(function(){ $("#buttonId").css("opacity", 0.5); });
其中,opacity
表示元素的不透明度,取值范圍為0~1,0表示完全透明,1表示完全不透明。設置為0.5即為半透明,達到灰顯效果。
以上是關于jQuery設置按鈕灰顯的兩種方法,根據實際需求選擇使用即可。
上一篇css 調整相鄰div
下一篇jquery設置平移動畫