jQuery中:text選擇器用法實例
更新時間：2015年01月03日 11:26:02 投稿：shichen2014
這篇文章主要介紹了jQuery中:text選擇器用法,以實例形式較為詳細的分析了text選擇器的功能、定義及匹配單行文本框的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中:text選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠選取所有的單行文本框。
語法結(jié)構(gòu):
復制代碼 代碼如下:
$(":text")
實例代碼:
復制代碼 代碼如下:
<!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(){
$("#btn").click(function(){
$(":text").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li>
不可用文本框：<input type="text" name="zhuanqu" disabled="disabled" />
可用的文本框：<input type="text" name="keyong" />
</li>
</ul>
<button id="btn">點擊查看效果</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery Validation插件remote驗證方式的Bug解決
jQuery插件很多，其中一個重要的插件便是jQuery Validation，它的作用是對表單進行驗證，還上了jQuery官網(wǎng)。2010-07-07
這篇文章主要介紹了jQuery中next()方法用法,實例分析了next()方法的功能、定義及獲得匹配元素集合中每個元素緊鄰的同輩元素使用技巧,需要的朋友可以參考下2015-01-01
jQuery動畫效果animate和scrollTop結(jié)合使用實例
animate是jq的一個特效的函數(shù)方法，animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。2014-04-04
這篇文章主要介紹了JQuery實現(xiàn)可直接編輯的表格,實例分析了jQuery動態(tài)操作編輯表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery Html控件基本操作(日常收集整理)的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery+ajax的資源回收處理機制,結(jié)合實例形式簡單分析了ajax中complete對象完成回調(diào)之后的資源回收處理機制用法,需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細介紹了jQuery事件用法，具有一定的參考價值，感興趣的朋友可以參考一下2016-10-10
這篇文章主要介紹了jQuery實現(xiàn)表格顏色交替顯示的方法,涉及jQuery操作表格樣式的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了Javascript中的Array數(shù)組對象,需要的朋友可以參考下2014-03-03
如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。2009-11-11