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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
jQuery 入门讲解1
Apr 15 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
Aug 22 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
vue 子组件和父组件传值的示例
Sep 11 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写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
JS控制弹出新页面窗口位置和大小的方法
2015/03/02 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
javascript回调函数详解
2018/02/06 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
python中的字典操作及字典函数
2018/01/03 Python
python 正确保留多位小数的实例
2018/07/16 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
Python 移动光标位置的方法
2019/01/20 Python
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
大龄毕业生求职别忘职业规划
2014/03/11 职场文书
2014财务人员自我评价范文
2014/09/21 职场文书
党员干部作风建设思想汇报范文
2014/10/25 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
网聊搭讪开场白
2015/05/28 职场文书
致我们终将逝去的青春观后感
2015/06/10 职场文书
离婚财产分割协议书
2015/08/11 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python