Wêrom dogge wy nedich en hoe te registrearjen JQuery-selector?

Moderne web designer moat net allinne baas de basis fan it HTML, de CSS en JavaSkript, mar ek wêze kinne om te wurkjen yn 'e JQuery bibleteek, dy't him rjochtet op de ynteraksje fan JavaSkript mei HTML-dokuminten. Dat it kinne fluch tagong ta eltse elemint DOM (applikaasje Programming ynterface dy't tagong jout ta de ynhâld HTML-triemmen) en manipulate se. De wichtichste strukturele ienheden fan de biblioteek binne de ploech. Om te passen iene of it oare team, jo moatte in JQuery-selector.

Formule selectors in JQuery bibleteek

De selectors yn JQuery basearre op gebrûk yn CSS. Se binne ferplicht om te selektearjen items HTML-triem, te brûken se feroarsaakje dizze of oare metoaden fan manipulearjende se (it team). Search wurdt útfierd fia de selektor $ () funksje. Bygelyks, $ ( 'div').

De selectors kinne wurde klassifisearre ôfhinklik fan hoe't de seleksje fan de eleminten:

• basic;
• by attribute;
• de hierargy;
• content;
• op 'e situaasje;
• kar fan foarm fjilden;
• oaren.

Key selectors

Yn 90% fan de gefallen by it brûken fan dizze bibleteek wurdt brûkt JQuery-selector dy't ta de wichtichste groep. Alle fan harren binne frij simpel en dúdlik. Nim no elk fan harren:

• * - Selektearret alle side eleminten, ynklusyf de holle, lichem, ensfh.;
• p / div / sydbalke / ... - kiest alle eleminten dy't ta it foarbeskaaide tag (dws nei p.div, sydbalke, etc ...);
• .myClass / p.myClass - selektearret de eleminten mei de oantsjutte klasse namme;
• # MyID / p # myID -. Selektearret alle iene item mei de opjûne ID.

Hjir is in foarbyld. Litte we sizze wy moatte selektearje alle eleminten op 'e side mei de klasse ynfier sil wêze as folget: $ (par.). As it nedich allinne p eleminten fan dit klasse, dan skriuwe: $ (p.par).

attribute selectors

Jo kinne brûk meitsje fan de JQuery wichtichste-selector, as wy moatte selektearje in item dy't ta eltse klasse hawwende ID of selektearje alle eleminten op 'e side. Lykwols, der binne gefallen as in item hat gjin klasse of ID. It is foar dit en der binne seleksjes troch attribuut. Se tastean jo te meitsje in seleksje op guon attribút fan it HTML-eleminten, lykas href of src. Dit attribute wurdt skreaun yn fjouwerkante heakjes [].

De ienfâldichste foarbyld: $ ([src]) - kiest alle eleminten dy't hawwe src attribuut. It is mooglik te beheinen de stekproef troch opjefte bepaalde eigenskip wearde: $ ([src = 'http: // site / artikel / 132222 / value']).

Jo kinne brûk meitsje fan in pear JQuery selectors as jo wolle te beheinen it mêd fan de kar. Bygelyks, $ (p [color = blau] [size = 12]) - wurde selektearre allinnich dy eleminten p, dy't hawwe in blauwe kleur en maat 12.

selectors ynhâld

Yn dat gefal, as jo kinne neat selektearre eleminten basearre op attributen of Basic selectors, dan moatte ferwize nei de ynhâld. Yn totaal binne der 4 selektor fan dit type:

• : Befettet - selektearret items befetsje de opjûne tekst;
• : Hat - selektearret eleminten dy't befetsje oare eleminten karakteristike fan 'e line;
• : Parent - selektearret eleminten dy't befetsje gjin oare;
• : Empty - selektearret eleminten dy't net befetsje gjin oar.

Hjir is in foarbyld. Om selektearjen alle eleminten div, mei de tekst fan 'e Hello, jim moatte skriuwe $ (div: befettet (' Hello ')).

selectors hiërargy

Der is in oare manier te selektearjen eleminten yn JQuery, te witten - neffens harren hierarchy (dat is, de ferhâlding fan elkoar op de HTML-side). In soad fan harren, dus wy presintearje twa fan de meast populêre, "bern" en "neisiet".

Yn it earste gefal de eleminten wurde selektearre, dy't binne streekrjochte ôfstammelingen (bern) fan in opjûne elemint (foarfaar). Bygelyks, om te selektearje de eleminten fan de list yn it ljocht klasse dat is in bern nof list, dan moatte skriuwe: $ (ul # nav> li.light).

It twadde gefal - in mear algemien. Der kin selektearre en yndirekte ôfstammelingen fan it elemint. Bygelyks, om te selektearje de keppelings binnen de list nav foarskriuwen: $ (ul # nav a).

Sa, yn JQuery eleminten kinne wurde selektearre op ferskate manieren troch help fan parameters lykas in klasse, ID, attributen, ynhâld of de hiërargy fan HTML-dokumint eleminten.