InternetWeb Design

Hoekom moet ons en hoe om JQuery-selector teken?

Moderne web ontwerper moet nie net te bemeester die basiese beginsels van die HTML, die CSS en JavaScript, maar ook in staat wees om te werk in die jQuery biblioteek, wat fokus op die interaksie van JavaScript met HTML-dokumente. Dat dit moontlik maak vinnige toegang tot enige element DOM (application programming interface wat toegang bied tot inhoud html-lêers) en manipuleer hulle. Die belangrikste strukturele eenhede van die biblioteek is die span. Met die oog op een aansoek doen of die ander span, 'n jQuery-selector nodig.

Formule keurders in jQuery biblioteek

Die keurders in jQuery gebaseer op gebruik in CSS. Hulle is verplig om items HTML-lêer te kies, om dit te gebruik om hierdie of ander metodes van hulle (die span) te manipuleer veroorsaak. Soek is uit via die funksie selector $ () gedra. Byvoorbeeld, $ ( 'div').

Die keurders kan geklassifiseer word afhangende van hoe die keuse van elemente:

  • basiese;
  • deur kenmerk;
  • die hiërargie;
  • inhoud;
  • oor die situasie;
  • keuse van vorm velde;
  • ander.

sleutel keurders

In 90% van gevalle wanneer die gebruik van hierdie biblioteek gebruik jQuery-selector wat deel uitmaak van die belangrikste groep. Almal van hulle is eenvoudig en duidelik. Laat ons elkeen van hulle oorweeg:

  • * - kies alle bladsy elemente, insluitend die kop, liggaam, ens;.
  • p / div / sidebar / ... - kies al die elemente wat betrekking het op die voorafbepaalde tag (ie na p.div, sidebar, ens ...);
  • .myClass / p.myClass - kies die elemente met die gespesifiseerde klas naam;
  • # MyID / p # myID -. Kies enige een item met die gegewe ID.

Hier is 'n voorbeeld. Kom ons sê ons moet al die elemente op die bladsy met par klas inskrywing kies sal wees soos volg: (. Par) $. As dit nodig is net p elemente van hierdie klas, skryf dan: $ (p.par).

skryf keurders

Jy kan die jQuery hoof-selector gebruik, as wat ons nodig het om 'n item wat deel uitmaak van 'n klas met ID kies of kies alle elemente op die bladsy. Daar is egter gevalle waar 'n item het geen klas of ID. Dit is om hierdie en daar is keuses deur kenmerk. Hulle laat jou 'n keuse te maak op 'n spesifieke eienskap van die HTML-elemente, soos href of src. Hierdie kenmerk is geskryf in vierkantige hakies [].

Die eenvoudigste voorbeeld: $ ([src]) - kies al die elemente wat src kenmerk het. Dit is moontlik om die monster te verfyn deur die spesifiseer van sekere kenmerk waarde: $ ([src = "http: // site / artikel / 132222 / waarde ']).

Jy kan 'n paar JQuery keurders gebruik as jy wil hê dat die veld van keuse te verfyn. Byvoorbeeld, $ (p [color = blue] [size = 12]) - is gekies om net daardie elemente p, wat 'n blou kleur en grootte 12 het.

keurders inhoud

In daardie geval, as jy nie elemente wat gebaseer is op eienskappe of basiese keurders kan kies, moet jy verwys na die inhoud daarvan. In totaal is daar 4 selector van hierdie tipe:

  • : Bevat - kies voorwerpe wat die gespesifiseerde teks;
  • : Het - kies elemente wat ander elemente kenmerkend van die lyn bevat;
  • : Ouer - kies elemente wat enige ander bevat;
  • : Leë - kies elemente wat nie enige ander bevat.

Hier is 'n voorbeeld. Om al die elemente div kies, met die teks van die Hallo, moet jy $ skryf (div: bevat ( 'Hallo')).

keurders hiërargie

Daar is nog 'n manier om elemente in JQuery, naamlik kies - volgens hulle hiërargie (dit wil sê, die verhouding van mekaar op die HTML-bladsy). Daar is baie van hulle, so ons bied twee van die gewildste, "kind" en "afstammeling".

In die eerste geval is die elemente is gekies, wat direkte afstammelinge (kinders) van 'n gegewe element (voorouer) is. Byvoorbeeld, om die elemente van die lys in die lig klas wat 'n kind nav lys kies, dan moet jy skryf: $ (ul # nav> li.light).

Die tweede geval - 'n meer algemeen. Daar kan gekies word en indirekte afstammelinge van die element. Byvoorbeeld, om die skakels binne die lys nav voorskryf Kies: $ (ul # nav a).

So, in JQuery elemente kan op verskeie maniere gekies deur gebruik te maak van parameters soos 'n klas, ID, eienskappe, inhoud of hiërargie van HTML-dokument elemente.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 af.birmiss.com. Theme powered by WordPress.