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 实现完美include载入实现代码
Aug 05 Javascript
jQuery.each()用法分享
Jul 31 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
JQuery日期插件datepicker的使用方法
Mar 03 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
Jun 21 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
js获取ip和地区
Mar 10 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
Vue实现下拉加载更多
May 09 Vue.js
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与XML的PDF文档生成技术
2006/10/09 PHP
用PHP代码给图片加水印
2015/07/01 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
用Div仿showModalDialog模式菜单的效果的代码
2007/03/05 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
解决Vue编译时写在style中的路径问题
2017/09/21 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
[42:25]EG vs Spirit Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
python处理csv中的空值方法
2018/06/22 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python系列 文件操作的代码
2019/10/06 Python
解析Python3中的Import
2019/10/13 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
2020/07/20 HTML / CSS
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
建筑个人求职信范文
2014/01/25 职场文书
初中校园广播稿
2014/02/02 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android