javascript - jQuery :disabled 选择器不能正常工作？

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');

演示