jquery - jQuery addClass 输入文本框的问题

Question

我正在尝试将一个简单的类应用于输入文本框，但奇怪的是它不起作用。

$('body, :text').addClass('courier');
$('body, input[type=text]').addClass('courier');
$('body, #text').addClass('courier');

.courier {
      font-family: Courier New, serif;
      background-color: #000;
      color: #ccc;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<input type="text" id="text" />

我尝试了这三种方法，但更改只应用于身体。我也只是尝试将类添加到输入文本中。

$('body, :text').addClass('courier');
$('body, input[type=text]').addClass('courier');
$('body, #text').addClass('courier');

我怎样才能做到这一点？

score 3 · Accepted Answer

你应该写

$('body input[type=text]').addClass('courier');

或者

$('input[type=text]').addClass('courier');

score 1 · Accepted Answer

由于您的元素已经有一个 ID...使用它作为参考...

这应该是向输入添加类的最简单方法：

$('#text').addClass('courier');

2 回答 2