在日常开发中，我们有可能会遇到需要把某个输入框锁定的情况。这时候，我们可以使用jQuery来实现这一操作。

$(document).ready(function(){// 将输入框锁定$("#input_box").prop("disabled", true);// 或者直接使用attr方法// $("#input_box").attr("disabled", "disabled");});

上面的代码中，我们首先在文档加载完毕时使用jQuery选择器选中需要锁定的输入框，然后使用.prop()或者.attr()方法将其disabled属性设置为true或者disabled。

$(document).ready(function(){// 取消输入框锁定$("#input_box").prop("disabled", false);// 或者使用removeAttr方法// $("#input_box").removeAttr("disabled");});

当然，如果需要取消输入框的锁定状态，我们也可以使用相似的代码。只需将一开始锁定输入框的代码稍作修改即可。

在开发中，我们有时候会需要在某些特定条件下来锁定输入框。这时，我们可以在相应的事件处理函数中加入如下代码：

// 在事件处理函数中锁定输入框$("#input_box").prop("disabled", true);

这样，当事件被触发时，输入框就被锁定了。

除了disable属性之外，我们还可以使用readonly属性来锁定输入框的内容。只需将代码中的.prop()或者.attr()方法替换为.prop()或者.attr()即可。

$(document).ready(function(){// 将输入框的内容锁定$("#input_box").prop("readonly", true);// 或者直接使用attr方法// $("#input_box").attr("readonly", "readonly");});

总之，使用jQuery来锁定输入框或者输入框内容非常方便。只需几行代码，即可实现所需的功能。