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 相关文章推荐
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
JavaScript移除数组元素减少长度的方法
Sep 05 Javascript
js使用ajax读博客rss示例
May 06 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
基于JavaScript实现定时跳转到指定页面
Jan 01 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 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下使用以下代码连接并测试
2008/04/09 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
php中的三元运算符使用说明
2011/07/03 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
PHP中的替代语法简介
2014/08/22 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
uploadify在Firefox下丢失session问题的解决方法
2013/08/07 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
JS实现复制内容到剪贴板功能
2017/02/05 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
Python中random模块用法实例分析
2015/05/19 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
会计专业自我鉴定范文
2013/10/06 职场文书
公司总经理岗位职责
2014/03/15 职场文书
教师一帮一活动总结
2014/07/08 职场文书
教师见习报告范文
2014/11/03 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
毕业论文答辩开场白和结束语
2015/05/27 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
团队拓展训练心得体会
2016/01/12 职场文书