jquery - jQuery 选择器中前导冒号的用途是什么？

Question

我已经开始使用 Wijmo 工具包，并在他们的文档页面中遇到了很多与此类似的示例选择器:

$(":input[type='radio']").wijradio();

我会这样写我的:

$('input[type=radio]').wijradio();

它们的作用相同还是我遗漏了什么？

请注意，上面有两个不同之处:第一个选择器以冒号为前缀，并带有输入类型的引号。

Answer 1

:input是 jQuery extension同时 input是一个 CSS 选择器。

textarea , button , 和 select元素会被前者匹配，但不会被后者匹配。

后者速度更快，因此请将其用于您的特定 radio例子。使用 :input当您想要“所有表单元素”时，即使它们不是严格意义上的 <input>标签。即使在那种情况下，建议还是先使用标准 CSS 选择器，然后再使用 .filter(':input')。在那个集合上。

Because :input is a jQuery extension and not part of the CSS specification, queries using :input cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. To achieve the best performance when using :input to select elements, first select the elements using a pure CSS selector, then use .filter(":input").

在 1.7.2 源代码中，:input 过滤器根据节点名称测试正则表达式:

input: function( elem ) {
            return (/input|select|textarea|button/i).test( elem.nodeName );
},