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程序设计有所帮助。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短