jquery 怎么使元素不可用

jquery使元素不可用的實(shí)現(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è)置頁面的時(shí)候會(huì)遇到這樣一個(gè)問題，比如當(dāng)我在做一種文字游戲頁面的時(shí)候，當(dāng)我點(diǎn)擊刷新頁面的時(shí)候，其他按鈕都要變成不可用狀態(tài)，也就是只能看不能操作。

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

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

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

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

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

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

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

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

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

最后看一下效果圖

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