jquery设置区域不可操作的方法：首先创建一个代码示例文件；然后通过对元素应用disabled和readonly属性的方法来设置页面元素不可编辑的效果。

本教程操作环境：windows7系统、jquery1.10.0版本，Dell G3电脑。

推荐：jquery视频教程

Jquery的api中提供了对元素应用disabled和readonly属性的方法，这两种属性方法可以使元素不可操作，下面我们就来看一下jQuery设置区域不可操作的方法。

jquery设置页面元素不可点击、不可编辑、只读：

$("input").attr('readonly', true);
$("textarea").attr('readonly', true);
$(':radio').attr('disabled', true);
$(':checkbox').attr('disabled', true);
$(':button').attr('disabled', true);
$('a').removeAttr('onclick');
$('select').attr('disabled', true);

示例：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

$('form').find('input,textarea,select').not('.btn btn-primary,.back').attr('disabled','disabled');

上面这句代码的意思是将form表单里面除了样式为.btn btn-primary,.back的元素都置为只读。

如果页面还有a标签之类的，可以用上面列出的$('a').removeAttr('onclick');将a标签的点击事件移除掉。

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值，则返回第一个匹配元素的值。

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。