Селектор 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(); // формани юборилишини олдини олади
});