Text селекторы
:text селекторы
text типіндегі инпуттарды таңдайды.
input тегін қараңыз.
:text CSS спецификациясына жатпайтындықтан,
заманауи браузерлерде оның орнына
[type='text'] қолдану өнімділікті жақсартады.
Синтаксис
text типіндегі инпуттарды былай таңдаймыз:
$(':text');
Басқа псевдо-класс селекторлары сияқты
(':' басталатын), ':' алдына
тег атауын немесе басқа селекторды қою қажет,
әйтпесе '*' селекторы қолданылады,
яғни $(':text')
$('*:text') ретінде қабылданады, сондықтан оның орнына
$('input:text') қолдану жақсы.
:text
type атрибуты көрсетілмеген
барлық инпуттарды таңдайтынын есте сақтау керек,
әрекеттер айырмашылығын келесі мысалдан көруге болады:
$('<input>').is('[type=text]'); // false қайтарады
$('<input>').is(':text'); // true қайтарады
Мысал
text типіндегі барлық инпуттарды таңдап,
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(); // форманы жіберуді болдырады
});