Password селектору

:password селектору password түрүндөгү элементтерди тандап алат. Караңыз пароль киргизүү талаалары. $(':password') эквиваленти болуп $('[type=password]') эсептелет. :password CSS спецификациясына кирбегендиктен, заманбап браузерлерде натыйжалуулукту жогорулатуу үчүн анын ордуна [type='password'] колдонсоңуз болот.

Синтаксис

password түрүндөгү талааларды ушул сыяктуу тандап алабыз:

javascript$(':password');

Башка псевдо-класс селекторлору сыяктуу эле (':' менен башталган), ':' ден мурун тегдин аталышын же башка селекторду коюу сунушталат, антпесе '*' селектору колдонулат, башкача айтканда $(':password') $('*:password') катары кабыл алынат, ошондуктан анын ордуна $('input:password') колдонуу туурараак.

Мисал

Келгиле, password түрүндөгү бардык инпуттарды тандап алып, алардын фонун жашыл, чектесин кызыл кылып коёлу, бул үчүн css методу колдонолу:

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="password">
  <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:password').css({background: 'green', border: '2px red solid'}); $('form').submit(function(event) { event.preventDefault(); // форманы жөнөтүүнү токтотот });

<

-javascript->

Дагы караңыз