关于div、input、select标签的禁用

前言

这段时间自己要学一学原生的前端技术，遇到了前端界面的一个readonly、disabled的相关属性禁用问题，我这里针对查看页面的数据回显，就需要对其页面进行指定的标签限制。因为我的查看页面，也算用到了绝大部分常见的标签的禁用，也通过多个大佬的博客查询学习，就在这里对我用到的一些禁用设置进行记录，方便之后的查询使用。

div禁用

我们经常拿div进行存放按钮或者输入框等，但是有些时候我们需要对于div里面的按钮或者输入框的相关内容实现不可点击的效果。所以，这里就要使用到div的一个禁用和恢复使用的代码进行实现。

$('div[name=××××]').css("pointer-events","none");              //设置div禁用
$('div[name=××××]').css("pointer-events","");                  //恢复div使用

input禁用

当然，对于input输入框的一个禁用也是十分常见，我们可以在标签内实现绝对禁用，或者在不同的使用场景下对其进行动态的禁用。
绝对禁用：就是在input标签里面直接使用disabled属性了

绝对禁用
<input       disabled/>             

动态禁用
$('input').attr('readonly','readonly');

操作DOM
document.getElementById('test').removeAttribute('disabled');

jQuery方法，删除指定element的属性
jQuery('#test').removeAttr('disabled');

select禁用

select下拉框的禁用也会在一些场景上应用，这里可以使用以下方法

$('select[name=××××]').attr("disabled","disabled");

textarea禁用

textarea禁用也是如此

$('textarea[name=××××]').attr("disabled","disabled");

总结

当然，除了以上这些，大家也可以通过其他方法完成禁用，有其他好办法欢迎评论区补充呀。