jQuery中:input選擇器用法實例
更新時間：2015年01月03日 10:39:24 投稿：shichen2014
這篇文章主要介紹了jQuery中:input選擇器用法,以實例形式較為詳細(xì)的分析了:input選擇器的功能、定義及匹配input元素時的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中:input選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器匹配所有的input元素。例如：<input type="text" />等等
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":input")
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://chabaoo.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>點擊查看效果</button>
</body>
</html>
以上代碼，點擊按鈕后可以將input元素隱藏。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- jquery實現(xiàn)勾選復(fù)選框觸發(fā)事件給input賦值
- 使用jQuery實現(xiàn)input數(shù)值增量和減量的方法
- jQuery不兼容input的change事件問題解決過程
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jquery中$(#form :input)與$(#form input)的區(qū)別
- jquery顯示隱藏input對象
- jQuery 隱藏和顯示 input 默認(rèn)值示例
- jQuery多個input求和的實現(xiàn)方法
相關(guān)文章
Jquery+WebService 校驗賬號是否已被注冊的代碼
在Javascirpt代碼中，調(diào)用Jquery的方法$.Ajax(function)實現(xiàn)Ajax,傳遞賬號信息給Web服務(wù)，Web服務(wù)再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫，并返回數(shù)據(jù)給前臺頁面。2010-07-07
此效果在網(wǎng)上使用的頻率比較多一點但大多是插件，要么JS寫的太過于復(fù)雜童鞋們看起來有一定的難度，這個相對來說比較簡單一點,感興趣的可以參考下哈2013-03-03
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05 
jquery 結(jié)合C#后臺的數(shù)組對文章的關(guān)鍵字自動添加鏈接的代碼
jquery 結(jié)合C#后臺的數(shù)組對文章的關(guān)鍵字自動添加鏈接的代碼，需要的朋友可以參考下。
2011-07-07 
在jquery中，jquery動畫事件和動畫函數(shù)經(jīng)常用的到，今天小編抽時間給大家整理了些關(guān)于常用的jquery動畫事件和動畫函數(shù)，對jquery動畫函數(shù)和動畫事件相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2022-12-12 
jQuery實現(xiàn)單擊按鈕遮罩彈出對話框(仿天貓的刪除對話框)
單擊刪除按鈕或者登陸按鈕后，彈出對話框問你是否刪除或者彈出一個登陸對話框，本文使用jquery來實現(xiàn)這種效果，需要的朋友可以參考下
2014-04-04 
ThinkPHP+jquery實現(xiàn)“加載更多”功能代碼
本篇文章主要介紹了ThinkPHP+jquery實現(xiàn)“加載更多”功能代碼，以實例代碼講訴了加載更多的代碼實現(xiàn),非常具有實用價值,需要的朋友可以參考下
2017-03-03 
本節(jié)主要介紹兩點：1.緩存問題 2.中文問題
2011-10-10 
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)無縫輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05