Selectori tutorial jquery

Astfel, funcția de parametrul $ () poate fi specificat de către selectorul, care la rândul lor sunt parte a standardului CSS.

Să ne uităm la diferitele selectorii posibile în detaliu.

Enumerăm cele mai frecvent utilizate selectorii.

5) Gradul de - o colecție de elemente care au un 6) tag-ul de clasă specificată. Clasa - O colecție de elemente care au clasa specificate într-o anumită etichetă Asigurați fundal roșu pentru toate P, cu class = „cls2“

Pentru a accelera eșantionul nu trebuie să specifice numele eticheta înainte identificatorul.

În cazul în care căutarea se face în clasa de stil, apoi, dimpotrivă,
Asigurați-vă că pentru a specifica numele tag-ul.

Dacă numele de identificare (sau clasa) conține caractere speciale
(De exemplu, un punct sau paranteze pătrate), acestea trebuie să fie verificate de către două linii oblice. În acest exemplu, vom obține o referință la elementul următor cu id = „divl.index [5].“

Deschideți exemplul în noua fereastră și uita-te la codul sursă

Dacă este necesar, de exemplu, să aplice același stil la elemente diferite,
puteți specifica selectorii separate prin virgulă.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

element de căutare într-un alt element de document HTML în următoarele moduri.

1) Elementul 1 ITEM2 - găsi ITEM2 care este dispus în interiorul containerului culoarea Elementa1 text link-ul este de culoare roșie, în cazul în care tag-ul este în interiorul tegadiv A. 2) Elementul 1> ITEM2 - găsi ITEM2, care este o filială a Element A. link-ul text color la roșu, în cazul în care tag-ul este localizat în interiorul A tegadiv
Și nu este imbricat în altă etichetă.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

3) ITEM2 + Elementul 1 - găsi ITEM2, care este adiacent la elementul A și urmează imediat după aceea. text de referință de culoare roșie se va transforma în cazul în care o etichetă trebuie să fie imediat după tegadiv.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

ITEM2 - ITEM2 constată că urmează după elementul 1, și, opțional, dintr-o dată. Culoarea textului link-ul se va transforma roșu dacă tag-ul vine după o etichetă div.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

Dacă este necesar, poate fi expresia unui număr de selectoare link-uri text color devine roșie dacă o etichetă este situat în interiorul tag-ul etalon. și că, la rândul său, este inclus într-o etichetă div

Deschideți exemplul în noua fereastră și uita-te la codul sursă

Pentru a se lega la parametrii tag sunt utilizate următoarele selectorii.

1) [Opțiune] - elemente cu culoarea parametrul $ link-ul specificat al textului se va transforma roșu în cazul în care o etichetă are un parametru ID.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

2) [Parametru = „Valoare“] - o colecție de elemente în care parametrul este exact egală cu valoarea culorii textului de intrare este de culoare roșie, în cazul în care numele parametrului este setat myinput.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

3) [Parametru = „Valoare“!] - colecție de elemente în care parametrul nu este egal cu valoarea de culoare a textului de intrare este de culoare roșie, în cazul în care numele parametrului nu contează salut.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

4) [opțiune = „valoare“] - o colecție de elemente în care parametrul începe cu valoarea specificată culoarea textului de intrare se schimbă în roșu, dacă numele începe cu myinput.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

5) [Opțiune $ = „valoare“] - o colecție de elemente în care intrarea parametrului se termină cu valoarea specificată a culorii textului se schimbă în roșu, dacă numele se termină în Ello.

Deschideți exemplul în noua fereastră și uita-te la codul sursă

6) [option = „valoare“] - o colecție de elemente în care parametrul conține culoarea valorilor fragment de text de intrare devine roșu, dacă numele conține yinput text.

Deschideți exemplul în noua fereastră și uita-te la codul sursă