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" />

この3つの方法を試してみましたが、変更はボディにのみ適用されます。また、入力テキストだけにクラスを追加しようとしました。

$('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