支付宝赞助帐号:service@kuitao8.com 

jQuery选择input的class属性写了多个值的情况

Created2014-03-06   Views 2246    Author 懒人程序
yiisir 2013-07-19 15:29

jQuery选择input的class属性写了多个值的情况

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <script src="js/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();   //只能取到一个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属性中的多个值之间要有空格,jQuery在取值的时候每个class值之间不能有空格。
上一篇: jQuery的context的用法
下一篇: jQuery中this与$(this)的区别
支持键盘 ← →

邮件订阅

订阅我们的精彩内容