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模仿win8等待提示圆圈进度条
Apr 24 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
Jan 26 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
javascript冒泡排序小结
Apr 10 Javascript
JS Attribute属性操作详解
May 19 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
angularjs指令之绑定策略(@、=、&amp;)
Apr 13 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
Angular异步变同步处理方法
Aug 13 Javascript
vue+Element-ui实现分页效果实例代码详解
Dec 10 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
vue项目,代码提交至码云,iconfont的用法说明
Jul 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 加密与解密的斗争
2009/04/17 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
php批量更改数据库表前缀实现方法
2013/10/26 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
js中substring和substr的定义和用法
2014/05/05 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
python验证码识别的示例代码
2017/09/21 Python
scrapy爬虫实例分享
2017/12/28 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
python按修改时间顺序排列文件的实例代码
2019/07/25 Python
python使用minimax算法实现五子棋
2019/07/29 Python
对python中return与yield的区别详解
2020/03/12 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
荷兰皇家航空公司中国官网:KLM中国
2017/12/13 全球购物
信用社实习人员自我鉴定
2013/09/20 职场文书
夜班门卫岗位职责
2013/12/09 职场文书
初中英语课后反思
2014/04/25 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
如何写新闻稿
2015/07/18 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android