Selektor text
Selektor :text väljer input-fält med
typen text. Se taggen
input.
Eftersom :text inte ingår i CSS-specifikationen,
är det bättre för prestanda i moderna
webbläsare att använda
[type='text'] istället.
Syntax
Så här väljer vi input-fält med typen text:
$(':text');
Precis som med andra pseudo-klass-selectorer
(som börjar med ':'), är det bättre att
sätta ett taggnamn eller annan selektor före ':',
annars appliceras selektorn '*',
dvs $(':text') kommer att uppfattas som
$('*:text'), så istället bör
$('input:text') användas.
Man bör komma ihåg att :text också kommer att välja
alla input-fält som inte har attributet type angivet,
skillnaderna i beteende kan ses i följande
exempel:
$('<input>').is('[type=text]'); // returnerar false
$('<input>').is(':text'); // returnerar true
Exempel
Låt oss välja alla input-fält med typen text och
ge dem en grön bakgrund och en röd ram med metoden
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // förhindrar att formuläret skickas
});
