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 相关文章推荐
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
JavaScript箭头函数中的this详解
Jun 19 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 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或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
Jquery 快速构建可拖曳的购物车DragDrop
2009/11/30 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
2013/05/08 Javascript
jquery常用操作小结
2014/07/21 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
详谈javascript异步编程
2016/02/21 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
Python日期操作学习笔记
2008/10/07 Python
python和shell变量互相传递的几种方法
2013/11/20 Python
php使用递归与迭代实现快速排序示例
2014/01/23 Python
Python3实现从文件中读取指定行的方法
2015/05/22 Python
python实现AES加密和解密
2019/03/27 Python
python mysql断开重连的实现方法
2019/07/26 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
使用matplotlib动态刷新指定曲线实例
2020/04/23 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
关于Theano和Tensorflow多GPU使用问题
2020/06/19 Python
巴西购物网站:Submarino
2020/01/19 全球购物
物业电工岗位职责
2013/11/20 职场文书
《金钱的魔力》教学反思
2014/02/24 职场文书
文明寝室标语
2014/06/13 职场文书
乒乓球兴趣小组活动总结
2014/07/08 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
国庆节新闻稿
2015/07/17 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python