jQuery中:enabled選擇器用法實(shí)例
更新時(shí)間：2015年01月04日 10:48:43 投稿：shichen2014
這篇文章主要介紹了jQuery中:enabled選擇器用法,實(shí)例分析了:enabled選擇器的功能、定義及選取所有可用元素的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中:enabled選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器可以選取所有可用的元素。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":enabled")
此選擇器一般也要和其他選擇器配合使用，比如類選擇器、元素選擇器等等。例如:
復(fù)制代碼 代碼如下:
$("input:enabled").css("background-color","red")
以上代碼能夠?qū)⒖捎玫膇nput元素的背景顏色設(shè)置為紅色。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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:enabled").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)文章
JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下2013-04-04
JQuery彈出炫麗對(duì)話框的同時(shí)讓背景變灰色
這篇文章主要介紹JQuery實(shí)現(xiàn)彈出炫麗對(duì)話框的同時(shí)讓背景變灰色效果,需要的朋友可以參考下2014-05-05
Eclipse下jQuery文件報(bào)錯(cuò)出現(xiàn)錯(cuò)誤提示紅叉
工程中加入jquery.xx.js文件，發(fā)現(xiàn)該文件出現(xiàn)錯(cuò)誤提示（紅×），但使用Eclipse 3.7以前的版本就不會(huì)出現(xiàn)這種提示，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-01-01
jQuery實(shí)現(xiàn)簡(jiǎn)單的輪播圖
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能
這篇文章主要介紹了jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
jquery使用淘寶接口跨域查詢手機(jī)號(hào)碼歸屬地實(shí)例
這篇文章主要介紹了jquery使用淘寶接口跨域查詢手機(jī)號(hào)碼歸屬地的方法，大家參考使用吧2013-11-11
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)購(gòu)物車出現(xiàn)下拉框代碼(推薦)
在做web前端項(xiàng)目開(kāi)發(fā)的時(shí)候，使用jquery庫(kù)的感觸頗多，下面小編通過(guò)寫購(gòu)物車的下拉框做法，把我的想法給大家分享一下，感興趣的朋友可以參考下2016-07-07
深入分析jQuery的ready函數(shù)是如何工作的(工作原理)
這篇文章主要介紹了jQuery的ready函數(shù)是如何工作的,深入分析了jQueryready函數(shù)的運(yùn)作流程及相應(yīng)的工作原理,需要的朋友可以參考下2015-12-12
使用jQuery實(shí)現(xiàn)驗(yàn)證上傳圖片的格式與大小
在項(xiàng)目中，我們經(jīng)常要遇到上傳圖片，這就需要我們必須要驗(yàn)證圖片的格式與大小，那么如何來(lái)操作呢，今天就給大家分享一個(gè)非常簡(jiǎn)單的jQuery驗(yàn)證上傳圖片的格式與大小的代碼。2014-12-12
JQuery實(shí)現(xiàn)帶排序功能的權(quán)限選擇實(shí)例
這篇文章主要介紹了JQuery帶排序功能的權(quán)限選擇,涉及jQuery鼠標(biāo)事件及json數(shù)據(jù)處理的相關(guān)技巧,需要的朋友可以參考下2015-05-05