jquery怎么把input变为只读状态

web前端|前端问答 jquery怎么把input变为只读状态

jquery

web前端-前端问答

秒杀系统源码,vscode小程序框架插件,ubuntu cctv直播,tomcat怎么该端口,旅游爬虫数据,php 变量的数据类型,百度推广seo技术,中医养生网站模板,阿里云html模板lzw

想要把input变为只读状态，只需给input元素添加只读属性（readonly）即可。

心里学网页源码,vscode空格小,ubuntu安装后重启以后卡死,tomcat 整体架构,sqlite+添加语句,html5统计图表插件,企业级前端ui框架,中山市爬虫宠物,.log文件.php,后台seo设置,小说网站站长版权解决方法,如何导航不变网页变,app展示页面模板,plc程序代码lzw

因此，使用jquery把input变为只读状态，就转换为使用jquery给input元素添加readonly属性。

sdk源码,sps可不可以安装vscode,ubuntu 崩溃修复,tomcat卡死不报错,开源舆情爬虫,php官网下载地址,seo顾问的具体工作推广渠道lzw

有以下两种实现方法：

使用attr()

使用prop()

1、使用attr()设置input元素只读状态

										$(document).ready(function() {				$("button").click(function() {					$("input").attr("readonly","readonly");				});			});							.intro {				font-size: 120%;				color: red;			}

jquery怎么把input变为只读状态

2、使用prop()设置input元素只读状态

										$(document).ready(function() {				$("button").click(function() {					$("input").prop("readonly",true);				});			});							.intro {				font-size: 120%;				color: red;			}

jquery怎么把input变为只读状态

说明：

其实，prop() 方法和 attr() 方法相似，都是用来获取或设置元素的 HTML 属性的，不过两者也有着本质上的区别。

jQuery 官方建议：具有 true 和 false 这两种取值的属性，如 checked、selected 和 disabled 等，建议使用 prop() 方法来操作，而其他的属性都建议使用 attr() 方法来操作。

【推荐学习：jQuery视频教学、web前端视频】