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之可拖动的iframe效果代码
Aug 01 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
从vue源码看props的用法
Jan 09 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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远程采集图片详细教程
2014/07/01 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
浅谈PHP的反射机制
2016/12/15 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
2016/12/12 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
Python批量按比例缩小图片脚本分享
2015/05/21 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
keras实现多种分类网络的方式
2020/06/11 Python
python3排序的实例方法
2020/10/20 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
总经理助理岗位职责
2013/11/08 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
政工例会汇报材料
2014/08/26 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
MySQL Shell的介绍以及安装
2021/04/24 MySQL