jQuery设置input标签是否可编辑并设置对应样式

飞起来的大闸蟹

于 2020-01-08 18:17:25 发布

阅读量1.3k

点赞数

分类专栏：前端学习笔记文章标签： jquery html5 css3

本文链接：https://blog.youkuaiyun.com/baidu_41904590/article/details/103895566

版权

19 篇文章

订阅专栏

本文详细介绍了如何使用jQuery来设置HTML元素的可编辑与不可编辑状态，包括通过设置disabled属性和cursor样式实现这一功能的具体方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置不可编辑状态

$("#id").prop("disabled",true);  //推荐使用此方法，具体原因可见本人另一篇博文，此处不赘述
$("#id").attr("disabled","disabled");

$("#id").css("cursor","not-allowed"); //同理还可修改文本框的背景颜色等

$("#id").prop("disabled",false);  //推荐使用此方法
$("#id").removeAttr("disabled");

$("#id").css("cursor","auto"); //同理还可修改文本框的背景颜色等
或$("#id").css("cursor","text");

※※※一些可能会用到的光标类型