很多时候,您可以在样式表或 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 [类型=网址],...
很多时候,您可以在样式表或 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 [类型=网址],...
据我所知,没有选择这些输入的选择器,您可以定义一个自定义选择器。
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();
仅将其用于您的文本框可能更容易input
,然后覆盖(用于 CSS)或排除(使用:not()
)以去除复选框、单选按钮等。