jQuery中:input選擇器用法實(shí)例
本文實(shí)例講述了jQuery中:input選擇器用法。分享給大家供大家參考。具體分析如下:
此選擇器匹配所有的input元素。例如:<input type="text" />等等
語(yǔ)法結(jié)構(gòu):
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>:input選擇器-腳本之家</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").hide();
});
});
</script>
</head>
<body>
<ul>
<li><input type="checkbox" value="aihao" />讀書</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼,點(diǎn)擊按鈕后可以將input元素隱藏。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法
- jquery實(shí)現(xiàn)勾選復(fù)選框觸發(fā)事件給input賦值
- 使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法
- jQuery不兼容input的change事件問題解決過程
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jquery中$(#form :input)與$(#form input)的區(qū)別
- jquery顯示隱藏input對(duì)象
- jQuery 隱藏和顯示 input 默認(rèn)值示例
- jQuery多個(gè)input求和的實(shí)現(xiàn)方法
相關(guān)文章
Jquery+WebService 校驗(yàn)賬號(hào)是否已被注冊(cè)的代碼
在Javascirpt代碼中,調(diào)用Jquery的方法$.Ajax(function)實(shí)現(xiàn)Ajax,傳遞賬號(hào)信息給Web服務(wù),Web服務(wù)再調(diào)用數(shù)據(jù)庫(kù)操作類查詢數(shù)據(jù)庫(kù),并返回?cái)?shù)據(jù)給前臺(tái)頁(yè)面。2010-07-07商城常用滾動(dòng)的焦點(diǎn)圖效果代碼簡(jiǎn)單實(shí)用
此效果在網(wǎng)上使用的頻率比較多一點(diǎn)但大多是插件,要么JS寫的太過于復(fù)雜童鞋們看起來有一定的難度,這個(gè)相對(duì)來說比較簡(jiǎn)單一點(diǎn),感興趣的可以參考下哈2013-03-03

jquery 結(jié)合C#后臺(tái)的數(shù)組對(duì)文章的關(guān)鍵字自動(dòng)添加鏈接的代碼

jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話框(仿天貓的刪除對(duì)話框)

ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼