今天小編給大家分享一下jquery如何使元素不可用的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
婁底ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(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、通過設(shè)置“pointer-events:none; opacity:0.2;”屬性使元素不可用。
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í)候就可以用上了
最后看一下效果圖
以上就是“jquery如何使元素不可用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前標(biāo)題:jquery如何使元素不可用
本文地址:http://aaarwkj.com/article30/igdhso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、App設(shè)計(jì)、網(wǎng)站排名、標(biāo)簽優(yōu)化、軟件開發(fā)、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)