jQuery：禁用选择器不能正常工作？

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与我的应用程序要求中的禁用相同）

Answer 1

您应该添加属性选择器

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

DEMO