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

我该怎么做？

Answer 1

你应该写

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

或

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

您可以在此fiddle

中看到它

Answer 2

由于您的元素已有ID ...请将其用于参考...

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

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