jquery对标签添加只读(readonly)或者禁用(disabled)属性
目录
- 一、jQuery
- 二、关于readonly属性
- 三、jquery 设置disabled属性
- 四、jquery动态添加文本框的readonly只读属性
一、jQuery
jQuery
是一个JavaScript
库。- jQuery 极大地简化了 JavaScript 编程。
- jQuery 很容易学习。
$(document).ready(function(){$("p").click(function(){$(this).hide(); }); });
源码:
- 锐客网 如果你点我,我就会消失。
继续点我!
接着点我!
运行结果:
文章图片
上图运行结果只要点击文字就会消失,感兴趣的小伙伴可以下去试一下
二、关于readonly属性 例1、jquery 设置readonly属性
$('input').attr("readonly","readonly") //将input元素设置为readonly$('input').removeAttr("readonly"); //去除input元素的readonly属性if($('input').attr("readonly") == true)//判断input元素是否已经设置了readonly属性
例2、对于为元素设置readonly属性和取消readonly属性的方法
$('input').attr("readonly",true)//将input元素设置为readonly$('input').attr("readonly",false)//去除input元素的readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly$('input').attr("readonly","")//去除input元素的readonly属性
三、jquery 设置disabled属性 例1、jquery 设置disabled属性
$('input').attr("disabled","disabled")//将input元素设置为disabled$('input').removeAttr("disabled"); //去除input元素的disabled属性if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性
例2、对于为元素设置disabled属性和取消disabled属性的方法
$('input').attr("disabled",true)//将input元素设置为disabled$('input').attr("disabled",false)//去除input元素的disabled属性 $('input').attr("disabled","disabled")//将input元素设置为disabled$('input').attr("disabled","")//去除input元素的disabled属性
四、jquery动态添加文本框的readonly只读属性
$("#test").attr({"readonly":"readonly"}); //添加readonly属性 // 或者 $("#ID").attr({ readonly: 'true' }); $("#test").removeAttr("readonly"); //去除readonly属性
【jquery对标签添加只读(readonly)或者禁用(disabled)属性】到此这篇关于jquery对标签添加只读(readonly)或者禁用(disabled)属性的文章就介绍到这了,更多相关jquery对标签添加只读或禁用属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- JavaScript与jQuery中文档就绪函数的区别
- Web|Web API 实用案例
- JVM|JVM--基础--20--对象的创建过程
- C++|类和对象(下)
- C++|类与对象(上)
- C/C++编程|c++类中的临时对象
- JS学习笔记
- C++中vector::data()使用心得和对自定义类型指针运算符的默认重载
- 详解C#枚举中使用Flags特性
- 三分钟学习一下JavaScript中map对象的用法