为什么DIV不遵循父母的属性

Question

考虑这个剪切代码

<fieldset id="fieldset">
    <input id="first" />
    <div id="second" />
</fieldset>

和

$('#fieldset').attr('disabled', 'disabled')
console.log($('#first').is(':disabled'))
console.log($('#second').is(':disabled'))

而输出是

true
false

我注意到输入标记遵循父级的属性,而且我认为所有具有小部件的标签都会跟随,但其他如div,a,span或..则不然.

为什么？

如果我想div元素遵循父元素属性我该怎么办？

Answer 1

该规范说:

如果设置了disabled属性,则表单控件被禁用,或者如果它是设置了disabled属性且不是该fieldset元素的第一个图例元素子元素(如果有)的后代的fieldset元素的后代.

div未被禁用,因为它不是表单控件.它不能被禁用,因为这样就没有意义.