jquery - HTML5中文本框的选择器？

Question

很多时候，您可以在样式表或 jQuery 中使用文本框的“input[type=text]”选择器。现在有了 HTML5 中所有新的文本框变体，除了像这样列出它们之外，您如何处理文本框？：

输入[type=text], input[type=color], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input [类型=网址]，...

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()）以去除复选框、单选按钮等。