javascript - jQuery :disabled selector not working properly?

Question

我有这个 HTML

<form>
    <input type="text" id="text1" value="text1">
    <input type="text" id="text2" value="text2" disabled>
    <input type="text" id="text3" value="text3" readonly>
</form>

我想为所有禁用的输入添加 ui-state-disabled 类，我使用:

$('form input:disabled').addClass('ui-state-disabled');

但是，text3 没有获得类。如何更改我的选择器以包含它？ (因为readonly在我的申请需求中和disabled是一样的)

Answer 1

你应该添加一个属性选择器

$('form input:disabled, form :input[readonly]').addClass('ui-state-disabled');

DEMO