jQuery针对input的class属性写了多个值情况下的选择方法
本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法。分享给大家供大家参考，具体如下：
jQuery选择input的class属性写了多个值的情况：
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<scriptsrc="jquery-1.6.2.js"type="text/javascript"></script>
<styletype="text/css">
.content{
text-align:left;
font-weight:normal;
color:#000000;
font-size:9pt;
vertical-align:bottom;
}
.my_sh{
}
</style>
<scripttype="text/javascript">
functiongetClassVal(){
jQuery("#1").val();//只能取到一个id的值
jQuery(".content.my_sh").show();//可以显示所有input框
}
</script>
</head>
<body>
<inputtype="text"id="1"class="contentmy_sh"value="1"/>
<inputtype="text"id="2"class="contentmy_sh"value="2"/>
<inputtype="text"id="3"class="contentmy_sh"value="3"/>
<inputtype="text"id="4"class="contentmy_sh"value="4"/>
</body>
</html>
【注】：input中的class属性中的多个值之间要有空格，jQuery在取值的时候每个class值之间不能有空格。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery选择器用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短