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