您好,登錄后才能下訂單哦!
今天小編給大家分享一下jquery如何使元素不可用的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
jquery使元素不可用的實現方法:1、使用“$(’:checkbox’).attr(‘disabled’, true);”方法設置元素不可用;2、通過設置“pointer-events:none; opacity:0.2;”屬性使元素不可用。
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如何使元素不可用”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。