Firwat brauchen mir an wéi JQuery-selector zu Rekord?

Modern Web Designer net nëmmen soll Meeschtesch d'Grondlage vun der HTML, d'CSS a Javascript, mä och an der JQuery Bibliothéik schaffe kënnen, déi mat HTML-Dokumenter op der Interaktioun vun Javascript axéiert. Datt et erlaabt schnell Accès op all Element DOM- (Applikatioun programméiere Interface déi Zougang zum Inhalt HTML-Fichier gëtt) a Manipulatioun hinnen. D'Haaptrei strukturell Unitéiten vun der Bibliothéik sinn der Equipe. Fir eng oder déi aner Equipe ze gëllen, braucht Dir e JQuery-selector.

Formel selectors zu JQuery Bibliothéik

D'selectors zu JQuery baséiert op benotzen an CSS. Si sinn néideg Saache HTML-Fichier ze wielen, se ze benotzen dëse oder aner Methode vun manipuléiert hinnen (d'Equipe) ze féieren. Sich ass via de selector $ () Funktioun duerchgefouert. Zum Beispill, $ ( "Divisiounen").

D'selectors kann je wéi d'Auswiel vun Elementer séiert ginn:

• Basis;
• vun Spezialfäegkeeten;
• der Hierarchie;
• Inhalt;
• iwwert d'Situatioun;
• presentéiert vun Form Felder;
• anerer.

Schlëssel selectors

An 90% vun Fäll, wou dës Bibliothéik benotzt gëtt benotzt JQuery-selector zu der Haaptrei Grupp gehéiert. All vun hinnen sin relativ einfach a kloer. Loosst eis all vun hinnen betruecht:

• * - virschreift all Säit Elementer, dorënner de Kapp, Kierper, etc;.
• p / Divisiounen / Newsfeed / ... - virschreift all Elementer Niveau vun de Prinzip Tag (dh ze p.div, Newsfeed, etc ...);
• .myClass / p.myClass - virschreift d'Elementer mat der spezifizéierter Klass Numm;
• # MyID / p # myID -. Virschreift all ee Punkt mat der entscheet ID.

Hei ass e Beispill. Loosst d'soen mer all Elementer op der Säit mat engem par Klass Element ze wielt muss ginn wéi follegt: (. Par) $. Wann néideg just p Elementer vun dëser Klass, da schreiwen: $ (p.par).

Spezialfäegkeeten selectors

Dir kënnt de JQuery Haapt-selector benotzen, wann mir en Element gehéiert zu all Klass mussen ID oder wielt all Elementer op der Säit brauchen ze wielen. Allerdéngs ginn et Fäll, wou en Element huet nach kee Klass oder ID huet. Et ass fir dëst an et sinn Zorten vun Spezialfäegkeeten. Si erlaben Iech op e puer eng Auswiel ze maachen Spezialfäegkeeten vun der HTML-Elementer, wéi href oder src. Dësen Numm ass op schrëftlech eckeg Klammeren [].

Déi einfach Beispill: $ ([src]) - virschreift all Elementer déi src Spezialfäegkeeten hunn. Et ass méiglech d'Prouf ze schmuel duerch bestëmmte Spezialfäegkeeten Wäert Precisioun: $ ([src = "http: // Site / Artikel / 132222 / Wäert ']).

Dir kënnt e puer JQuery selectors benotzen wann Dir den Terrain vun Choix ze schmuel wëllen. Zum Beispill, $ (p [Faarf = blo] [Gréisst = 12]) - sinn nëmmen déi Elementer vun p ausgewielt, déi eng blo Faarf a Gréisst 12 hunn.

Selectors Inhalt

An datt Fall, wann Dir net Elementer wielt op Attributer oder Basis selectors baséiert kann, sollt Dir un hir Inhalt kuckt. Am Ganzen sinn et 4 Arte vun selector:

• Enthält - virschreift heizou der spezifizéierter Text mat;:
• : Has - virschreift Elementer, datt aner Elementer charakteristesche vun der Linn enthalen;
• : Parent - virschreift Elementer, datt all aner enthalen;
• : Eidel - virschreift Elementer, datt all aner net enthalen.

Hei ass e Beispill. Fir all Elementer Divisiounen wielt, den Text vun der Hallo mat, braucht Dir $ ze schreiwen (Divisiounen: enthält ( "Hallo")).

Selectors Hierarchie

Et gëtt aner Manéier Elementer an JQuery ze wielen, an zwar - no hirer Hierarchie (dat heescht, d'Verhältnis vun all aner op der HTML-Säit). A vill vun hinnen, also presentéieren mir zwee vun de beléifsten, "Kand" an "Nofolger".

Am éischte Fall sinn d'Elementer ausgewielt, déi direkt Nokommen (Kanner) vun enger bestëmmter Element sinn (Poppo). Zum Beispill, d'Elementer vun der Lëscht am Liicht Klass ze wielt déi e Kand nav Lëscht ass, da musst dir schreiwen: $ (ech # nav> li.light).

Déi zweet Fall - eng méi allgemeng. Et kënnt vun der Element ausgewielt an indirekt Nokommen ginn. Zum Beispill, d'Linken bannent der Lëscht ze wielen nav prescribe: $ (ech # nav engem).

Also, kann am JQuery Elementer op verschidde Manéieren ausgewielt ginn duerch Parameteren wéi enger Klass, ID, Attributer, Inhalt oder Hierarchie vun HTML-Dokument Elementer benotzt.