問題與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');