jQuery中的disabled属性是常常用到的一种属性。它可以用来控制表单元素是否可以被编辑或者点击。当disabled属性被设置为true时,表单元素就被禁用,不再响应用户的操作。
//设置input元素disabled属性为true $("input").prop("disabled", true);
上面的代码中,我们使用了prop方法来设置input元素的disabled属性为true。这样,该输入框就会被禁用,无法再被编辑和点击了。
//设置button元素disabled属性为false $("button").prop("disabled", false);
如果我们需要重新启用某个表单元素,也可以通过将disabled属性设置为false来实现。上面的代码就是将button元素的disabled属性重新设置为false。
除了使用prop方法来设置disabled属性,还可以使用attr方法。两种方法的区别在于,attr方法改变元素属性的值,而prop方法则是改变DOM元素属性的值。在大多数情况下,这两种方法都可以使用,但是prop方法在某些情况下的表现更可靠。
//使用attr方法设置input元素的disabled属性 $("input").attr("disabled", true);
上面的代码是使用attr方法来设置input元素的disabled属性,效果与使用prop方法相同。
总的来说,disabled属性是控制表单元素是否可以交互的一个非常方便的属性。在使用jQuery时,我们可以轻松地操作该属性,达到我们想要的效果。