Text selektoru

Selektor :text tipi text olan inputlari seçir. input teqine baxin. :text CSS spesifikasiyasina aid olmadığı üçün, müasir brauzerlerde performansi yaxşılaşdırmaq üçün onun yerine [type='text'] tetbiq etmek daha yaxşıdır.

Sintaksis

Tipi text olan inputları belə seçirik:

javascript$(':text');

Digər psevdo-sinif sektorları ilə olduğu kimi (':' ile başlayan), ':' işaresinden evvel teqin adını və ya başqa sektor qoymaq daha yaxşıdır, eks halda '*' sektoru tetbiq olunacaq, yəni $(':text') kimi qəbul edilecek $('*:text'), ona göre de bunun yerine $('input:text') istifade etmek daha yaxşıdır. Nəzərə almaq lazımdır ki, :text həmçinin type atributu göstərilməyən bütün inputları da seçəcək, fərqli davranışları aşağıdakı misalda görmek olar:

javascript$('<input>').is('[type=text]'); // false qaytaracaq
$('<input>').is(':text'); // true qaytaracaq

Misal

Gəlin, tipi text olan bütün inputları seçək və css metodu ile onlara yaşıl fon və qırmızı çərçivə edək:

html<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>

javascript$('form input:text').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // formanın gönderilmesinin qarşısını alır
});

Həmçinin bax