Password selektory

:password selektory password görnüşli elementleri saýlaýar. Parol girizme meýdanlary barada görüň. $(':password')-iň deňi $('[type=password]'). :password CSS spetsifikasiýasyna degişli bolmandygy üçin, häzirki brauzerlerde işleýşini gowulandyrmak üçin [type='password'] ulanmak has gowudyr.

Sintaksis

password görnüşli meýdanlary şeýle saýlaýarys:

javascript$(':password');

Beýleki psewdo-klas selektorlary bilen ýaly (':' bilen başlaýan), ':'-den öň teg adyny ýa-da beýle bir selektory goýmak has gowudyr, ýogsam '*' selektory ulanylar, ýagny $(':password') şuňa meňzeş bolup $('*:password') hökmünde kabul ediler, şonuň üçin onuň ýerine $('input:password') ulanyň.

Mysal

Geliň, password görnüşli ähli inputlary saýlap, css metodu bilen olara ýaşyl fon we gyzyl çägirlik bereliň:

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(); // formany ibermegiň öňüni alyar });

<

-javascript->

Şeýle-de görüň

  • password tegi
  • css metodu,
    elementiň CSS stillerini almagy we üýtgetmäge mümkinçilik berýär
  • find metodu,
    eýýäm tapylanlaryň içinde elementleri gözleýär