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 相关文章推荐
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
Array 重排序方法和操作方法的简单实例
Jan 24 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 Javascript
SVG描边动画
Feb 23 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
对vue v-if v-else-if v-else 的简单使用详解
Sep 29 Javascript
JS实现获取自定义属性data值的方法示例
Dec 19 Javascript
express框架下使用session的方法
Jul 31 Javascript
深入了解JavaScript词法作用域
Jul 29 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如何得到当前页和上一页的地址?
2006/11/27 PHP
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
cakephp常见知识点汇总
2017/02/24 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
基于Vue生产环境部署详解
2017/09/15 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
学校司机岗位职责
2013/11/14 职场文书
工厂门卫岗位职责
2013/11/25 职场文书
优秀教师获奖感言
2014/01/31 职场文书
老干部工作先进事迹
2014/08/17 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python