jquery - HTML5のテキストボックスのセレクタ?

Question

多くの場合、テキスト ボックスでは、スタイルシートまたは jQuery で「input[type=text]」のセレクターを使用できます。HTML5 のすべての新しいテキスト ボックスのバリエーションで、次のようにすべてを一覧表示する以外に、テキスト ボックスをどのように処理できますか?

入力[タイプ=テキスト]、入力[タイプ=色]、入力[タイプ=日時]、入力[タイプ=電子メール]、入力[タイプ=番号]、入力[タイプ=検索]、入力[タイプ=電話]、入力[タイプ=URL]、...

Answer 1

私の知る限り、これらの入力を選択するセレクターはありませんが、カスタム セレクターを定義できます。

var types = ['button', 'submit', 'reset', 'hidden', 'checkbox', 'radio'];
jQuery.extend(jQuery.expr[':'], { 
    textbox: function (elem) {    
       return jQuery.inArray(elem.type, types) === -1
    }
});

$('input:textbox').bar();

http://jsfiddle.net/Xryyq/

Answer 2

inputテキストボックスだけに使用してから、上書き (CSS の場合) または除外 ( を使用:not()) して、チェックボックスやラジオボタンなどを削除する方が簡単な場合があります。