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定义函数的方法
Dec 06 Javascript
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
vuex实现简易计数器
Oct 27 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 Javascript
微信小程序中如何使用flyio封装网络请求
Jul 03 Javascript
vue实现学生信息管理系统
May 30 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用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
基于jquery的loading效果实现代码
2010/11/05 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
浅析Python基础-流程控制
2016/03/18 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
python中time tzset()函数实例用法
2021/02/18 Python
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
大学生找工作推荐信范文
2013/11/28 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
自动一体化专业求职信
2014/03/15 职场文书
实习生岗位职责
2014/04/12 职场文书
《学棋》教后反思
2014/04/14 职场文书
讲座开场白台词和结束语
2015/05/29 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android