jQuery選擇器`：`和`* [type = *]`

Question

之間的區別我是jQuery中的新手。我想知道在jQuery的選擇要素的下列方式之間的區別：

$(':button')，$('input[type="button"]'和$('input:button')

而且還

$(':input')和$('input')

是否$('input')選擇留下任何元素背後，其中$(':input')會選擇？如果是，他們是什麼？

Answer 1

從the documentation of :button：

的等效選擇器$：使用有效的CSS（ 「鏈接」）是$（ 「按鈕，輸入[類型= '按鈕']」）。

:button僅僅是一個jQuery的快捷鍵，讓你選擇兩個button類型和button elements的input元素。使用$('input[type="button"]')，您會錯過定義爲<button>some content</button>的元素。

:input「選擇所有輸入，文本區域，選擇和按鈕元素」，而選擇器input僅選擇input元件（因此不是textarea，所述select和button元素）。