文档章节

如何用jquery动态改变 input 输入框的readonly属性及CSS样式

SummerGao
 SummerGao
发布于 05/30 15:07
字数 125
阅读 21
收藏 0

样例 

<style type="text/css">
  .disable{background-color: #d2d2d2;}
</style>

<div class="layui-input-inline">
   <input type="number" id="demo" name="demo" class="layui-input disable" readonly ">
</div>

动态改变 readonly 

$('input[name=demo]').attr("readonly","readonly") //将input元素设置为readonly
$('input[name=demo]').removeAttr("readonly");     //去除input元素的readonly属性

动态添加删除CSS样式

$("#demo").addClass("disable");    //追加样式
$("#demo").removeClass("disable"); //移除样式

 

© 著作权归作者所有

SummerGao
粉丝 4
博文 200
码字总数 73823
作品 0
济南
高级程序员
私信 提问
如何使用CSS3与jQuery创建登录表单[教程](翻译)

完成效果图: 在此教程中,我们将编写登录表单,此过程中你会找到Vladimir Kudinov的Futurico UI Pro.创建此表单将用到CSS3与jQuery。 Step 1 - HTML标签 让我们先开始穿件HTML标签,创建一个...

彭博
2012/03/23
692
0
Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式

在前面几篇博客中,我们初步了解了一下jquery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,...

长平狐
2012/11/12
37
0
jQuery零基础入门——(五)操作DOM

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 jQuery强大的选择器,最终目的是...

JandenMa
2018/07/14
15
0
JQuery中操作Css样式的方法

获取和设置样式 追加样式 移除样式 切换类名 判断是否含有某项样式 获取css样式中的样式 设置单个样式 设置多个样式 offset()方法 它的作用是获取元素在当前视窗的相对偏移,其中返回对象包含...

Bery
2017/10/20
18
0
JQuery的常用选择器、过滤器、方法祥细介绍

今天,我跟大家分享一下有关于JQuery的一些常用的选择器、过滤器以及方法,jquery的东西太多了,我相信很少有人全部记住,我常常忘记,要用到的时候就查查看,希望这篇文章对大家有帮助,如果...

蒙奇D刘辉
2013/06/13
164
0

没有更多内容

加载失败,请刷新页面

加载更多

Taro 兼容 h5 踩坑指南

最近一周在做 Taro 适配 h5 端,过程中改改补补,好不酸爽。 本文记录📝遇到的问题,希望为有相同需求的哥们👬节约点时间。 Taro 版本:1.3.9。 解决跨域问题 h5 发请求会报跨域问题,需...

dkvirus
44分钟前
3
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
今天
2
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
今天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
今天
19
0
java数据类型

基本类型: 整型:Byte,short,int,long 浮点型:float,double 字符型:char 布尔型:boolean 引用类型: 类类型: 接口类型: 数组类型: Byte 1字节 八位 -128 -------- 127 short 2字节...

audience_1
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部