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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
vue.js之vue-cli脚手架的搭建详解
May 05 Javascript
js注册时输入合法性验证方法
Oct 21 Javascript
基于vue组件实现猜数字游戏
May 28 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
微信小程序云开发之使用云数据库
May 17 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
JS实现简易日历效果
Jan 25 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通过COM使用ADODB的简单例子
2006/12/31 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
12步教你理解Python装饰器
2016/02/25 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
python版简单工厂模式
2017/10/16 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
关于pymysql模块的使用以及代码详解
2019/09/01 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
素质拓展感言
2014/01/29 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
安全宣传标语
2014/06/10 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
英文感谢信格式
2015/01/21 职场文书
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
Window server中安装Redis的超详细教程
2021/11/17 Redis