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 动画弹出窗体支持多种展现方式
Apr 29 Javascript
js 判断控件获得焦点的示例代码
Mar 04 Javascript
javascript生成随机数的方法
May 16 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
微信小程序使用template标签实现五星评分功能
Nov 03 Javascript
Vue中的验证登录状态的实现方法
Mar 09 Javascript
浅谈webpack 四个核心概念之Entry
Jun 12 Javascript
vue项目出现页面空白的解决方案
Oct 31 Javascript
javascript实现随机抽奖功能
Dec 30 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
php zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
PHP中文件缓存转内存缓存的方法
2011/12/06 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
php中的动态调用实例分析
2015/01/07 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
详解Django中Request对象的相关用法
2015/07/17 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
Python实现的堆排序算法示例
2018/04/29 Python
python实现彩色图转换成灰度图
2019/01/15 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
在vscode中配置python环境过程解析
2019/09/28 Python
pygame实现五子棋游戏
2019/10/29 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
经济系大学生求职信
2013/10/01 职场文书
就业表自我评价分享
2014/02/06 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
打架检讨书2000字
2014/02/22 职场文书
希特勒的演讲稿
2014/05/23 职场文书
生物学专业求职信
2014/07/23 职场文书
师范生见习报告
2014/10/31 职场文书
公司员工奖惩制度
2015/08/04 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript