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


Posted in Javascript onJune 03, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
浅谈JavaScript字符串与数组
Jun 03 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
微信小程序云开发之使用云存储
May 17 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
Vue项目打包编译优化方案
Sep 16 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 #Javascript
让你一句话理解闭包(简单易懂)
Jun 03 #Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 #Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 #Javascript
JS Array创建及concat()split()slice()的使用方法
Jun 03 #Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 #Javascript
Jquery中map函数的用法
Jun 03 #Javascript
You might like
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
PHP实现的文件上传类与用法详解
2017/07/05 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
Js的MessageBox
2006/12/03 Javascript
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
JavaScript使用replace函数替换字符串的方法
2015/04/06 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
python 采用paramiko 远程执行命令及报错解决
2019/10/21 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
Java模拟试题
2014/11/10 面试题
公司年终奖分配方案
2014/06/16 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
大学新生入学感想
2015/08/07 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL