text selector
Description: Selects all elements of type text.
-
version added: 1.0jQuery( ":text" )
$(':text')
allows us to select all <input type="text">
elements. As with other pseudo-class selectors (those that begin with a ":") it is recommended to precede it with a tag name or some other selector; otherwise, the universal selector ("*") is implied. In other words, the bare $(':text')
is equivalent to $('*:text')
, so $('input:text')
should be used instead.
Note: As of jQuery 1.5.2, :text
selects input
elements that have no specified type
attribute (in which case type="text"
is implied).
This difference in behavior between $(':text')
and $('[type=text]')
, can be seen below:
1
2
|
|
Additional Notes:
- Because
:text
is a jQuery extension and not part of the CSS specification, queries using:text
cannot take advantage of the performance boost provided by the native DOMquerySelectorAll()
method. For better performance in modern browsers, use[type="text"]
instead.
Example:
Finds all text inputs.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
|