问题与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');