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