jQuery中:disabled選擇器用法實(shí)例
更新時(shí)間：2015年01月04日 14:54:42 投稿：shichen2014
這篇文章主要介紹了jQuery中:disabled選擇器用法,實(shí)例分析了:disabled選擇器功能、定義及選取所有禁用的表單元素的技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中:disabled選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠選取所有禁用的表單元素。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":disabled")
此選擇器一般也要和其他選擇器配合使用，比如類(lèi)選擇器、元素選擇器等等。
復(fù)制代碼 代碼如下:
$("input:disabled").css("background-color","red");
以上代碼能夠?qū)⒉豢捎玫膇nput元素的背景色設(shè)置為紅色。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("input:disabled").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li>
不可用文本框：<input type="text" name="zhuanqu" disabled="disabled" />
可用的文本框：<input type="text" name="keyong" />
</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
ASP.NET jQuery 實(shí)例12 通過(guò)使用jQuery validation插件簡(jiǎn)單實(shí)現(xiàn)用戶注冊(cè)頁(yè)面驗(yàn)證功能
在這節(jié)我們將使用validation插件實(shí)現(xiàn)注冊(cè)頁(yè)面的驗(yàn)證功能，通過(guò)這個(gè)例子，可以更全面的掌握該插件的使用功能2012-02-02
jQuery實(shí)現(xiàn)當(dāng)按下回車(chē)鍵時(shí)綁定點(diǎn)擊事件
當(dāng)按下回車(chē)鍵時(shí)，綁定按鈕點(diǎn)擊事件，本文為大家介紹下jQuery回車(chē)鍵綁定點(diǎn)擊事件的具體實(shí)現(xiàn)2014-01-01
jquery插件，有幾種方法，有全局的，有對(duì)象方法的，一直覺(jué)得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學(xué)者借鑒下。嘻嘻2012-08-08
Asp.net下使用Jquery Ajax傳送和接收DataTable的代碼
對(duì)于習(xí)慣使用GridView的人來(lái)說(shuō)，前臺(tái)頁(yè)面需要?jiǎng)討B(tài)添加表格的行數(shù)，是一件痛苦的事。GridView處理這種事情相當(dāng)麻煩，你點(diǎn)擊“新增一行”，需要回傳到服務(wù)器。2010-09-09
jquery validation插件表單驗(yàn)證的一個(gè)例子
jquery.validate.js validation表單的驗(yàn)證插件2010-03-03
jQuery遍歷DOM元素與節(jié)點(diǎn)方法詳解
這篇文章主要介紹了jQuery遍歷DOM元素與節(jié)點(diǎn)方法,結(jié)合實(shí)例形似詳細(xì)分析了jQuery遍歷DOM父級(jí)節(jié)點(diǎn),子級(jí)節(jié)點(diǎn)及兄弟節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery滑動(dòng)效果實(shí)現(xiàn)方法分析
這篇文章主要介紹了jQuery滑動(dòng)效果實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)滑動(dòng)效果常用的slideDown()、slideUp()及slideToggle()方法相關(guān)使用技巧,需要的朋友可以參考下2018-09-09
jQuery Validate表單驗(yàn)證深入學(xué)習(xí)
這篇文章主要介紹了jQuery Validate表單驗(yàn)證入門(mén)知識(shí)，該插件捆綁了一套有用的驗(yàn)證方法，包括 URL 和電子郵件驗(yàn)證，同時(shí)提供了一個(gè)用來(lái)編寫(xiě)用戶自定義方法的 API，感興趣的小伙伴們可以參考一下2015-12-12
jQuery EasyUI 菜單與按鈕之創(chuàng)建簡(jiǎn)單的菜單和鏈接按鈕
這篇文章主要介紹了jQuery EasyUI 菜單與按鈕之創(chuàng)建簡(jiǎn)單的菜單和鏈接按鈕,需要的朋友可以參考下2015-11-11
jQuery中DOM節(jié)點(diǎn)的刪除方法總結(jié)（超全面）
這篇文章主要介紹了jQuery中DOM節(jié)點(diǎn)的刪除方法,文中介紹的很相信，內(nèi)容包括empty()的基本用法、remove()的有參用法和無(wú)參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。2017-01-01