Text selektori
:text selektori text turidagi
inputlarni tanlaydi. input
tegiga qarang.
:text CSS spetsifikatsiyasiga kirmagani
sababli, zamonaviy brauzerlarda samaradorlikni
oshirish uchun undan ko'ra [type='text']
ishlatish yaxshiroqdir.
Sintaksis
text turidagi inputlarni shunday tanlaymiz:
$(':text');
Boshqa psevdoklass selektorlari bilan (':'
bilan boshlanadigan) bir qatorda, ':' dan
oldinga teg nomini yoki boshqa selektorni qo'yish
yaxshiroqdir, aks holda '*' selektori
qo'llaniladi, ya'ni $(':text'),
$('*:text') kabi qabul qilinadi, shuning
uchun undan ko'ra $('input:text')
ishlatish yaxshiroqdir.
Shuni esda tutish kerakki, :text
type atributi ko'rsatilmagan barcha
inputlarni ham tanlaydi, farqlarni quyidagi
misolda ko'rish mumkin:
$('<input>').is('[type=text]'); // false qaytaradi
$('<input>').is(':text'); // true qaytaradi
Misol
Keling, text turidagi barcha inputlarni
tanlaymiz va ularga css
metodi yordamida yashil fon va qizil ramka
beramiz:
<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(); // formani yuborishni oldini oladi
});