Cum de a lucra cu selectoare jquery

In jquery selectoare sunt folosite pentru a prinde elementul DOM sau mai multe elemente. Apoi, cu elemente DOM capturate face ceva. Datorită selectorii puteți găsi elemente pe diferite motive: valoarea atributului, un număr de serie, nume de clase, ID-uri, elemente de conținut, elementul părinte; copil.

Permiteți-mi să vă dau un exemplu simplu. Pentru a apuca toate elementele div, trebuie să utilizați $ selectorul ( „div“). Vă rugăm să rețineți că toate unitățile vor fi alocate div. Dacă doriți să aflați cât de multe dintre aceste unități pe o pagină, apoi utilizați funcția de lungime. De exemplu, $ ( "div"). Lungime. Selector $ ( 'Clasa-name') găsește toate elementele cu clasă de clasă nume. Punctul înainte de selectorul obligatoriu. Dacă uitați să specificați un punct, acesta va returna un rezultat gol. $ () - o funcție pentru a găsi elemente pentru un anumit selector jQuery.

Acum, un exemplu de un pic mai complicat. Să presupunem că aveți un act de identitate, iar acestea sunt similare între ele. Cum să le apuca. Tot complexitatea este diferit id? Aici vom ajuta starea în atributul $ ( „div [id = ^«-bloc de stânga»]“). Există un alt mod de a transfera atribute. Acesta constă în transferul de atribute, separate prin virgulă. De exemplu, $ ( "# din stânga-block1, # din stânga-block2, # din stânga-block3"). Rețineți că șirul în interiorul selectorul devine prea mare. Nu este convenabil. Această înregistrare poate fi scris în mod diferit: $ ( "div [id = 'stânga-block1'] [id = 'stânga-block2'] [id = 'stânga-block3']").

  • „*“ - toate elementele
  • „.className“ - elemente cu clasa ClassName
  • "#idName" - un element (unul!) Cu un idName ID
  • „Tagname“ - elemente cu un nume de etichetă dat

Filtrul de conținut

  • ": Conține (text)" - elemente care conțin specificate de text
  • „: Goale“ - nu elementele de conținut (fără text și alte elemente)
  • „: Are (selector)“ - elemente care conțin cel puțin un element al selectorului
  • ": părinte" - non-gol elemente

Filtre elemente copil. Elementele de filtrare Celektory în funcție de poziția lor în celula parentală

  • „: Primul-copil“ - elemente situate în primul dintre elementul său părinte
  • „: Last-copil“ - elemente aranjate ultima în celulele lor parentale
  • „: Nth-copil ()“ și „: nth-copil-ultima ()“ - elemente dispuse într-un anumit fel în celulele parentale (chiar, ciudat, ajungând la un număr predeterminat)
  • „: Numai-copil“ - elemente, este singurul copil în elementul lor părinte
  • „: Numai de-tip“ - elementele care sunt singura selectorul satisfăcătoare, a coborât în ​​elementul lor părinte
  • „: Prima de tip“ - cele ale elementelor selectate, care sa reunit pentru prima dată în elementul lor părinte
  • „: Ultima-de-tip“ - cele ale elementelor selectate, care a întâlnit ultima oară în elementul lor mamă
  • „: Nth-primul-de-tip ()“ și „: nth-ultima-de-tip ()“ - cele ale elementelor selectate, care într-un anumit loc acolo în elementul lor mamă

forme element de filtrare

  • „: Butonul“ - articole cu butonul tag-ul sau tipul de buton
  • „: Radio“ - elemente care sunt comutatoare
  • „: Checkbox“ - elemente care sunt steaguri
  • „: Text“ - elemente care sunt câmpurile de text
  • „: Parola“ - elemente care sunt introduse în câmpurile de parolă
  • „: Fișier“ - elemente care sunt câmpuri pentru a încărca fișiere
  • „: Submit“ - elemente care sunt un buton de trimitere
  • „: Reset“ - elemente de care sunt forme de butoane de purificare
  • „: Image“ - elemente care sunt imagini pentru a le prezinte (imagine de tip intrare) sub formă
  • „: Intrare“ - elemente care sunt elemente de formulare (cu tag-uri de intrare, textarea sau buton)
  • ": Selected" - elementele selectate (cu un statut selectat). Acest tip de elemente pot fi

articole similare