jQuery针对input的class属性写了多个值情况下的选择方法

 更新时间:2016年06月03日 10:02:30   转载 作者:懒人  
这篇文章主要介绍了jQuery针对input的class属性写了多个值情况下的选择方法,结合实例形式对比分析了jQuery选择器针对class属性中有多个值情况下的选中方法,需要的朋友可以参考下

本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法。分享给大家供大家参考,具体如下:

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

<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(); //只能取到一个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相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jQuery常用插件及用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jQuery密码强度检测插件passwordStrength用法实例分析

    jQuery密码强度检测插件passwordStrength用法实例分析

    这篇文章主要介绍了jQuery密码强度检测插件passwordStrength用法,以一个完整实例形式较为详细的分析了passwordStrength插件针对密码强度的检测方法,需要的朋友可以参考下
    2015-10-10
  • jQuery 判断元素整理汇总

    jQuery 判断元素整理汇总

    本文给大家汇总介绍了jQuery的几种判断元素的方法,包括是否含有某 class、元素是否存在、是否 checked以及元素是否禁用,都是常用的方法,希望大家能够喜欢
    2017-02-02
  • jQuery查看选中对象HTML代码的方法

    jQuery查看选中对象HTML代码的方法

    这篇文章主要介绍了jQuery查看选中对象HTML代码的方法,涉及jQuery页面元素操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • jQuery操作select的实例代码

    jQuery操作select的实例代码

    jQuery操作select的实例代码,这篇比较简单,如果想要想了解更多可以参考脚本之家以前发布的文章
    2012-06-06
  • 『jQuery』.html(),.text()和.val()的概述及使用

    『jQuery』.html(),.text()和.val()的概述及使用

    如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法
    2013-04-04
  • Jquery 监视按键,按下回车键触发某方法的实现代码

    Jquery 监视按键,按下回车键触发某方法的实现代码

    这篇文章主要介绍了jquery监视按键,当按下回车键时触发事件的一个例子,有需要的朋友可以参考下
    2014-05-05
  • JQuery点击行tr实现checkBox选中的简单实例

    JQuery点击行tr实现checkBox选中的简单实例

    下面小编就为大家带来一篇JQuery点击行tr实现checkBox选中的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JQuery.validate在ie8下不支持的快速解决方法

    JQuery.validate在ie8下不支持的快速解决方法

    下面小编就为大家带来一篇JQuery.validate在ie8下不支持的快速解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • jquery选择器大全 全面详解jquery选择器

    jquery选择器大全 全面详解jquery选择器

    jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的,这个得靠实践和积累
    2014-03-03
  • jQuery实现带延迟的二级tab切换下拉列表效果

    jQuery实现带延迟的二级tab切换下拉列表效果

    这篇文章主要介绍了jQuery实现带延迟的二级tab切换下拉列表效果,涉及jquery鼠标事件及页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09

最新评论