Jquery HTML5中文本框的选择器?

Jquery HTML5中文本框的选择器?,jquery,html,css,css-selectors,Jquery,Html,Css,Css Selectors,对于文本框,您可以在样式表或jQuery中多次使用“input[type=text]”选择器。现在,HTML5中有了所有新的文本框变体,除了像这样列出文本框之外,你还能如何处理它们呢 输入[type=text],输入[type=color],输入[type=datetime], 输入[type=email],输入[type=number],输入[type=search], 输入[type=tel],输入[type=url] 据我所知,没有选择这些输入的选择器,您可以定义一个自定义选择器 var

对于文本框,您可以在样式表或jQuery中多次使用“input[type=text]”选择器。现在,HTML5中有了所有新的文本框变体,除了像这样列出文本框之外,你还能如何处理它们呢

输入[type=text],输入[type=color],输入[type=datetime], 输入[type=email],输入[type=number],输入[type=search], 输入[type=tel],输入[type=url]


据我所知,没有选择这些输入的选择器,您可以定义一个自定义选择器

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();

对文本框只使用
输入
,然后覆盖(用于CSS)或排除(使用
:not()
)以去掉复选框、单选按钮等可能会更容易。

jQuery目前没有一个针对新HTML5输入类型的完整伪类。目前,jQuery将来也不会有一个,因为这个问题在中被标记为“wontfix”。正如答案所示,最好创建自己的选择器。