jquery 怎么使元素不可用

jquery使元素不可用的實現方法：1、使用“$(’:checkbox’).attr(‘disabled’, true);”方法設置元素不可用；2、通過設置“pointer-events:none; opacity:0.2;”屬性使元素不可用。

本教程操作環境：Windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery 怎么使元素不可用？

Jquery設置元素不可用

一般在設置頁面的時候會遇到這樣一個問題，比如當我在做一種文字游戲頁面的時候，當我點擊刷新頁面的時候，其他按鈕都要變成不可用狀態，也就是只能看不能操作。

在jquery里面有這樣一個方法， $(’:checkbox’).attr(‘disabled’, true);

這句代碼的意思是在你所有的checkbox復選框都會不可點擊，也就是只能看不能操作，如果還想改變顏色的話就需要css的幫助了。

下面的我都一個個都試了一下，都可以，但只能用在單選框，復選框，按鈕，下拉框和A標簽上。

而且也只能讓這些按鈕和復選框這些，不可點擊，不能讓他們變成灰色，

還有一種方法就是利用css，css里面有兩個屬性，配合起來剛好可以達到不可點擊和變成灰色的效果，pointer-events:none; opacity:0.2;

但是當我要設置的元素特別多的時候，就有點不現實了。

所以給他們設置了一個class的類，當我需要的時候就給他一個class。

然后在配上jquery一起使用，jquery里面有個方法addClass,意思是添加一個已有class名稱，

所以就進行判斷，當我點擊id是Locating的時候就可以用上了

最后看一下效果圖

推薦學習：《jQuery視頻教程》