jquery readonly jQuery.holdReady()方法

jquery readonly

jQuery readonly 是一个非常有用的功能，它可以让你在网页上控制表单元素的只读性。它可以让你控制表单元素是否可以被用户修改，这样就可以避免用户在不应该修改的地方进行修改。

jQuery readonly 功能是通过使用 jQuery 的 .attr() 方法来实现的，它会将表单元素的属性设置为 readonly，这样就可以阻止用户对该元素进行修改了。

$('#myInput').attr('readonly', true);

使用 jQuery readonly 功能时，你也可以使用 .prop() 方法来设置表单元素的属性：

$('#myInput').prop('readonly', true);

jQuery readonly 功能也可以通过使用 .css() 方法来实现，但是要注意的是，如果你想要真正阻止用户对表单元素进行修改，最好还是使用 .attr() 或者 .prop() 方法。

.css('background-color','#ccc');

jQuery readonly 功能也可以通过使用 .addClass() 方法来实现，例如下面的代码将会将一个 class 赋予一个 input 元素：

.addClass('readOnly');

.addClass() 方法会通过 CSS 类来达到相同的效果。例如下面的代码将会阻止 input 元素被修改：

.readOnly { background-color: #ccc; } 

.addClass() 方法也有一些局限性，因为它不能处理所有浏览器中出现的问题。所以如果你想要真正有效地阻止用户对表单元素进行修改，最好还是使用 .attr() 或者 .prop() 方法。

jQuery.holdReady()方法