Kichaguzi cha text
Kichaguzi :text huchagua viingizo vilivyo na
aina text. Tazama kitambulisho
input.
Kwa kuwa :text haihusiani na ubora wa CSS,
ili kuboresha utendaji katika vivinjari vya kisasa
badala yake ni bora kutumia
[type='text'].
Kiundo
Hivi ndivyo tunavyochagua viingizo vya aina text:
$(':text');
Kama ilivyo kwa vileaguzi vingine vya aina ya pseudo-class
(vinavyoanza na ':'), kabla ya ':' ni bora
kuweka jina la kitambulisho au kichaguzi kingine,
vinginevyo kichaguzi '*' kitatumika,
yaani $(':text') itachukuliwa kama
$('*:text'), kwa hivyo badala ya hii ni bora
kutumia $('input:text').
Inapaswa kukumbushwa katwa :text pia itachagua
viingizo vyote, ambavyo hakuna sifa type iliyoonyeshwa,
tofauti za tabia zinaweza kuonekana kwenye
mfano ufuatao:
$('<input>').is('[type=text]'); // itarudisha false
$('<input>').is(':text'); // itarudisha true
Mfano
Wacha, tuchague viingizo vyote vya aina text na
tuvifanyie rangi ya kijani ya usuli na mbao nyekundu kwa kutumia njia
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(); // inazuia utumaji wa fomu
});
