今天小編給大家分享一下jquery如何使元素不可用的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
婁底ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
jquery使元素不可用的實(shí)現(xiàn)方法:1、使用“$(’:checkbox’).attr(‘disabled’, true);”方法設(shè)置元素不可用;2、通過(guò)設(shè)置“pointer-events:none; opacity:0.2;”屬性使元素不可用。
Jquery設(shè)置元素不可用
一般在設(shè)置頁(yè)面的時(shí)候會(huì)遇到這樣一個(gè)問(wèn)題,比如當(dāng)我在做一種文字游戲頁(yè)面的時(shí)候,當(dāng)我點(diǎn)擊刷新頁(yè)面的時(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è)屬性,配合起來(lái)剛好可以達(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í)候就可以用上了
最后看一下效果圖
以上就是“jquery如何使元素不可用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。