jquery对标签添加只读（readonly）或者禁⽤
（disabled）属性
⽬录
⼀、jQuery
⼆、关于readonly属性
三、jquery 设置disabled属性
四、jquery动态添加⽂本框的readonly只读属性
⼀、jQuery
jQuery是⼀个JavaScript库。
jQuery 极⼤地简化了 JavaScript 编程。
jQuery 很容易学习。
实例：
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>
运⾏结果：
上图运⾏结果只要点击⽂字就会消失，感兴趣的⼩伙伴可以下去试⼀下
⼆、关于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属性$('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只读属性
<input id="test" type="text"  />
$("#test").attr({"readonly":"readonly"}); //添加readonly属性
// 或者
$("#ID").attr({ readonly: 'true' });
$("#test").removeAttr("readonly");    //去除readonly属性
到此这篇关于jquery对标签添加只读（readonly）或者禁⽤（disabled）属性的⽂章就介绍到这了，更多相关jquery对标签添加只读或禁⽤属性内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。