jQuery中:input選擇器用法實(shí)例
更新時(shí)間：2015年01月03日 10:39:24 投稿：shichen2014
這篇文章主要介紹了jQuery中:input選擇器用法,以實(shí)例形式較為詳細(xì)的分析了:input選擇器的功能、定義及匹配input元素時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中:input選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器匹配所有的input元素。例如：<input type="text" />等等
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":input")
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<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" />讀書(shū)</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼，點(diǎn)擊按鈕后可以將input元素隱藏。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js與jquery實(shí)時(shí)監(jiān)聽(tīng)輸入框值的oninput與onpropertychange方法
- jquery實(shí)現(xiàn)勾選復(fù)選框觸發(fā)事件給input賦值
- 使用jQuery實(shí)現(xiàn)input數(shù)值增量和減量的方法
- jQuery不兼容input的change事件問(wèn)題解決過(guò)程
- 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)文章
將this下的div輪番顯示 dname指定需要執(zhí)行此動(dòng)作的元素，如果沒(méi)有指定dname，將默認(rèn)全部子元素2009-04-04
Jqgrid表格隨窗口大小改變而改變的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)Jqgrid表格隨窗口大小改變而改變的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery漸變發(fā)光導(dǎo)航菜單的實(shí)例代碼
今天介紹一個(gè)jQuery漸變發(fā)光效果的導(dǎo)航菜單，這是一個(gè)簡(jiǎn)單的通過(guò)jQuery控制opacity實(shí)現(xiàn)的導(dǎo)航菜單。2013-03-03
這個(gè)代碼，針對(duì)學(xué)習(xí)jquery插件制作的朋友可以參考下。效果并不是主要的。2010-05-05
這篇文章主要介紹了jquery密碼強(qiáng)度校驗(yàn)，這是一個(gè)非常常見(jiàn)的功能，在輸入密碼的時(shí)候提示密碼的強(qiáng)度，本文使用jQuery來(lái)實(shí)現(xiàn)，有需要的小伙伴可以參考下。2015-12-12
jquery創(chuàng)建表格(自動(dòng)增加表格)代碼分享
jquery創(chuàng)建表格在點(diǎn)擊單元格時(shí)自動(dòng)增加一行表格，代碼看下面2013-12-12
這篇文章主要介紹了jquery五角星評(píng)分插件示例分享,需要的朋友可以參考下2014-02-02
jquery實(shí)現(xiàn)簡(jiǎn)單拖拽效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
jQuery確實(shí)是一項(xiàng)偉大的技術(shù)，通過(guò)jQuery的插件，我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中，將和大家分享40個(gè)對(duì)你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。2011-01-01
這篇文章主要介紹了jQuery 回車事件enter的使用,需要的朋友可以參考下2014-02-02