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之Ajax运用 学习运用篇
Sep 26 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
Dec 16 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
Aug 19 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
文件系统基本操作类
2006/11/23 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
Laravel下生成验证码的类
2017/11/15 PHP
img的onload的另类用法
2008/01/10 Javascript
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
2011/02/23 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
网站404页面3秒后跳到首页的实例代码
2013/08/16 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
angular分页指令操作
2017/01/09 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
Python实现ssh批量登录并执行命令
2016/10/25 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
解决Python对齐文本字符串问题
2019/08/28 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
公司年会搞笑主持词
2014/03/24 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
Python实现Hash算法
2022/03/18 Python