1. 犀牛前端部落首页
  2. jQuery百科

js设置input为disabled[方法总结]

今天俺大家总结总结Javascript设置input为disabled的几种方法。

jQuery版本1.6以上

设置input为disabled,你可以通过prop方法。

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
$("input").prop('disabled', true);
$("input").prop('disabled', false);

jQuery1.5或以下版本

jQuery1.6以下版本,是没有prop方法的。但是我们可以使用一个类似的方法,attr方法。

设置一个属性:

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
$("input").attr('disabled','disabled');

不同于prop,移除属性使用removeAttr方法:

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
$("input").removeAttr('disabled');

任何版本的jQuery

如果你只需要处理一个DOM对象,你可以使用这个方法,而且速度比之前的两个方法更快。

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
//假设事件处理程序是this
this.disabled = true;

总结

使用.prop()或.attr()方法的好处是可以为一组选中的DOM设置属性。

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2245.html

发表评论

登录后才能评论