jquery - 入力 vs :jQuery での入力

Question

なぜ人々はjQuery セレクター:inputよりも好むように見えるのだろうか? input基本的に、この2行は同じことをしているようです:

$('input:first').focus()
$(':input:first').focus()

しかし、2 番目のバージョンの方が広く使用されており、その理由はわかりません。さらに、:inputこのベンチマークによると、セレクターは遅いようです: http://jsperf.com/input-vs-input/2

Answer 1

:input<buttons>、<textarea>などを含む jQuery による疑似セレクターです。

inputは厳密に一致するタグ一致<input>です。

この追加の注意事項:inputは参考情報です。

:input は jQuery 拡張機能であり、CSS 仕様の一部ではないため、使用するクエリは、ネイティブ DOMメソッド:inputによって提供されるパフォーマンスの向上を利用できません。querySelectorAll()を使用して要素を選択するときに最高のパフォーマンスを実現するには:input、最初に純粋な CSS セレクターを使用して要素を選択し、次に を使用します.filter(":input")。

-- https://api.jquery.com/input-selector/より

Answer 2

inputは単なる入力要素セレクターです。 、、および(フォーム コントロール):inputも選択します。textareaselectbutton

実際には多少異なることを行うため、必ずしも好みの問題ではありません。

Answer 3

:inputすべての入力、テキストエリア、選択、およびボタン要素をinput選択し、入力タグを持つ要素のみを選択します。