Jquery $（：text）and $（input [type =「text」]）

Question

$(:text)和$(input[type="text"])jquery選擇器是否有區別。

Answer 1

在jQuery 1.5.2的，：文本選擇具有沒有指定類型的屬性（在這種情況下類型=「文本」是隱含的）的輸入元件。

這種差異在$之間的行爲（ 「：文本」）和$（ 「[類型=文本]」），可在下面看到：

$("<input>").is("[type=text]"); // false 
$("<input>").is(":text"); // true 

附加註釋：

因爲：文本是jQuery擴展，不屬於CSS規範的一部分，使用text的查詢無法利用本機DOM querySelectorAll（）方法提供的性能提升。爲了在現代瀏覽器中獲得更好的性能，請使用[type =「text」]。 https://api.jquery.com/text-selector/

Answer 2

從jQuery api：

$（ 「：文本」）等同於$（ 「*：文本」）。

所以等效的$('input[type="text"]')是$("input:text")

Answer 3

$(input[type="text"])將選擇具有指定

$(:text)類型的所有輸入標記將選擇具有類型指定或沒有定義

<input type="text" name="text1" value="abc" />

<input name="text2" value="xyz" />

中的所有輸入標籤

$(input[type="text"])只會選擇第一個輸入標籤

$(:text)將選擇兩個輸入產品關鍵詞

檢查js fiddle demo