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

本教程操作環(huán)境：Windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery 怎么使元素不可用？

Jquery設(shè)置元素不可用

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

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

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

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

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

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

但是當(dāng)我要設(shè)置的元素特別多的時候，就有點不現(xiàn)實了。

所以給他們設(shè)置了一個class的類，當(dāng)我需要的時候就給他一個class。

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

所以就進(jìn)行判斷，當(dāng)我點擊id是Locating的時候就可以用上了

最后看一下效果圖

推薦學(xué)習(xí)：《jQuery視頻教程》