如何使用jQuery使指定ID的元素实现不可编辑状态？

更新于

2026-09-27 22:22:04

9阅读来源：SEO资讯

内容介绍
文章标签
相关推荐

本文共计370个文字，预计阅读时间需要2分钟。

使用jQuery禁用id元素的编辑方法：

1.通过id属性值获取指定元素。

2.使用`.prop()`方法设置元素的`readonly`属性为`true`。

jquery让id元素不可编辑的方法：1、通过id属性值获取指定元素，语法“$("#id值")”，会返回一个包含指定元素的jquery对象；2、使用attr()给获取到的元素对象设置disabled属性即可让该元素不可编辑，语法“id元素对象.attr("disabled", "disabled");”。

本教程操作环境：windows7系统、jquery3.6.0版本、Dell G3电脑。

jquery让id元素不可编辑的方法

1、通过id属性值获取指定元素

$("#id值")

会返回一个包含指定元素的jquery对象

2、让获取到的元素对象不可编辑

只需利用attr()方法给元素设置disabled属性，即可让元素不可编辑。

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="./js/jquery-3.6.0.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#box").css("border","1px solid red"); $("button").click(function() { $("#box").attr("disabled", "disabled"); // $("textarea").attr("disabled","true"); }); }); </script> </head> <body> <textarea></textarea><br><br> <textarea id="box">id="box"元素</textarea><br><br> <button>让id="box"元素不可编辑</button> </body> </html>

以上就是jquery怎么让id元素不可编辑的详细内容，更多请关注自由互联其它相关文章！

标签：jquery 怎么让元素不可