jquery怎么对标签添加只读或禁用属性

2023-06-29 14:06:43 684人浏览安东尼

摘要

这篇文章主要介绍了Jquery怎么对标签添加只读或禁用属性的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery怎么对标签添加只读或禁用属性文章都会有所收获，下面我们一起来看看吧。一、jQuery

这篇文章主要介绍了Jquery怎么对标签添加只读或禁用属性的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery怎么对标签添加只读或禁用属性文章都会有所收获，下面我们一起来看看吧。

一、jQuery

jQuery 是一个 javascript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。

实例：

$(document).ready(function(){  $("p").click(function(){    $(this).hide();  });});

源码：

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/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>

运行结果：

jquery怎么对标签添加只读或禁用属性

上图运行结果只要点击文字就会消失，感兴趣的小伙伴可以下去试一下

二、关于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只读属性

<input id="test" type="text"  />  $("#test").attr({"readonly":"readonly"}); //添加readonly属性 // 或者 $("#ID").attr({ readonly: 'true' }); $("#test").removeAttr("readonly");    //去除readonly属性

关于“jquery怎么对标签添加只读或禁用属性”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery怎么对标签添加只读或禁用属性”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网精选频道。

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: jquery怎么对标签添加只读或禁用属性

本文链接: https://www.lsjlt.com/news/325197.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341