输入和：输入有什么区别[重复]答案

【问题标题】：What's the difference between input and :input [duplicate]输入和：输入有什么区别[重复]
【发布时间】：2013-05-03 21:38:17
【问题描述】：

我见过两种选择input的方法：

$("input")

和

$(":input")

它们之间有什么区别吗？

【问题讨论】：

$('input') = 只有元素名称，只选择 HTML 元素。 $(':input') = 带冒号，选择所有表单输入类型元素，包括、和 <button> 元素。</button>
是什么阻止你阅读文档，@Luminous？

【解决方案1】：

$("input") 只选择<input> 元素。

$(":input") 是 jQuery extension，它将选择以下元素：<input>、<select>、<textarea> 和 <button>

【讨论】：

jQuery 扩展是什么意思？它是基础 jQuery 的一部分。
@ColinDeClue Because :input is a jQuery extension and not part of the CSS specification 我只是从文档本身中获取声明。
啊，:input selector 是一个 jQuery 扩展。（所以你不能在 CSS 中使用它）

【解决方案2】：

只需阅读文档。 :input selector：

选择所有input、textarea、select 和button 元素。

而input 是一个简单的类型选择器，只会匹配input 元素。

【讨论】：

【解决方案3】：

第一个$('input') 选择所有input 元素，并且能够传递给document.querySelectorAll()（如果在主机浏览器中实现），这使得选择速度更快。

后者，$(':input')，然而，是一个特定于 jQuery 的选择器（因此不能传递给 document.querySelectorAll() 以提高选择速度），它选择所有 input - 相似的标签（需要更好的短语），包括input、textarea 和select。

参考资料：

【讨论】：

【解决方案4】：

$("input") 将仅匹配 <input> 元素。

另一方面，$(":input") 将匹配所有 <input>、<textarea>、<select> 和 <button> 元素。

【讨论】：

【解决方案5】：

As docs says

:input 选择器基本上选择所有表单控件。

在哪里

$("input") 只选择元素。

【讨论】：

【解决方案6】：

:input 是选择器：

选择所有输入、文本区域、选择和按钮元素。

input 是一个简单的元素选择器，只会匹配输入元素。

【讨论】：

【解决方案7】：

$("input") 是a very general syntax 的一个特例。也就是说，通常$("x") 选择所有x 节点（<x></x> 节点）。所以，在这里，它为您提供了所有 <input> 节点。

$(':input') 是a very specific special selector，用于选择<input>、<select>、<textarea> 和<button> 节点。你不能用任何东西替换:之后的文本，尽管有other such special selectors。

【讨论】：