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 相关文章推荐
js读写(删除)Cookie实例详解
Apr 17 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
不刷新网页就能链接新的js文件方法总结
Mar 01 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 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
PHPMyAdmin 快速配置方法
2009/05/11 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
基于php权限分配的实现代码
2013/04/28 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
利用php输出不同的心形图案
2016/04/22 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
JS获取地址栏参数的小例子
2013/08/23 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
JS解析url查询参数的简单代码
2017/08/06 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
JS实现拼图游戏
2021/01/29 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
别名指示符是什么
2012/10/08 面试题
《长征》教学反思
2014/04/27 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
小学校园广播稿集锦
2014/10/04 职场文书
给医院的感谢信
2015/01/21 职场文书
就业推荐表院系意见
2015/06/05 职场文书
交通安全学习心得体会
2016/01/18 职场文书