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影片教學》
#

以上是jquery 怎麼讓元素不可用的詳細內容。更多資訊請關注PHP中文網其他相關文章！