jQuery針對(duì)input的class屬性寫了多個(gè)值情況下的選擇方法
更新時(shí)間：2016年06月03日 10:02:30 作者：懶人
這篇文章主要介紹了jQuery針對(duì)input的class屬性寫了多個(gè)值情況下的選擇方法,結(jié)合實(shí)例形式對(duì)比分析了jQuery選擇器針對(duì)class屬性中有多個(gè)值情況下的選中方法,需要的朋友可以參考下
本文實(shí)例講述了jQuery針對(duì)input的class屬性寫了多個(gè)值情況下的選擇方法。分享給大家供大家參考，具體如下：
jQuery選擇input的class屬性寫了多個(gè)值的情況：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<style type="text/css">
.content {
text-align: left;
font-weight: normal;
color: #000000;
font-size: 9pt;
vertical-align: bottom;
}
.my_sh {
}
</style>
<script type="text/javascript">
function getClassVal(){
jQuery("#1").val(); //只能取到一個(gè)id的值
jQuery(".content.my_sh").show(); //可以顯示所有input框
}
</script>
</head>
<body>
<input type="text" id="1" class="content my_sh" value="1" />
<input type="text" id="2" class="content my_sh" value="2" />
<input type="text" id="3" class="content my_sh" value="3" />
<input type="text" id="4" class="content my_sh" value="4" />
</body>
</html>
【注】：input中的class屬性中的多個(gè)值之間要有空格，jQuery在取值的時(shí)候每個(gè)class值之間不能有空格。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery選擇器用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問(wèn)題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
jQuery基礎(chǔ) -- 處理表單元素2010-02-02
在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)
這篇文章主要介紹了在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)的相關(guān)資料,需要的朋友可以參考下2016-01-01
JQuery Dialog的內(nèi)存泄露問(wèn)題解決方法
如何避免JQuery Dialog的內(nèi)存泄露，需要的朋友可以參考下。2010-06-06
jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法,實(shí)例分析了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載頁(yè)面的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
上一篇提到j(luò)Query中添加事件提供給客戶端程序員的接口方法有很多bind/click等，但其實(shí)現(xiàn)的核心方法是jQuery.event.add。2011-07-07
這篇文章主要介紹了jQuery之Deferred對(duì)象詳解,本文深入剖析了jQuery Deferred對(duì)象的方法屬性等內(nèi)容,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了jQuery制作拼圖小游戲,思路與源碼都分享給大家，需要的朋友可以參考下2015-01-01
這篇文章主要介紹了幫助你創(chuàng)建更好的jQuery插件的10條建議,涉及jQuery插件設(shè)計(jì)中常用的技巧,需要的朋友可以參考下2015-05-05
jQuery實(shí)現(xiàn)簡(jiǎn)單倒計(jì)時(shí)功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單倒計(jì)時(shí)功能的方法,涉及jQuery根據(jù)時(shí)間動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-07-07