Ma çi hewcedariya me û çawa ji bo nîvîsandina jQuery-selector?

designer web Modern, divê ne tenê ji axayê ser ola HTML de, li CSS û JavaScript, di heman demê de jî ku mirov karibe kar di pirtûkxanê de jQuery, ku li ser têkiliya JavaScript bi IP-belgeyên disekine. Ku ev destûr dide gihîştina bi lez tu element DOM (virtual bernameyên Sepana ku bi naveroka html-files provides) û manîpulekirina wan. Yekîneyên tevnî sereke yên di pirtûkxaneyê de tîma in. Ji bo ku serî li yek an tîma din, divê hûn a jQuery-selector.

selectors Formula li pirtûkxaneya jQuery

The selectors li jQuery li ser bikaranîna li CSS bingeha. Ew pêwîst in, da hilbijêre tomar IP-file, ji bo bikaranîna wan ji bo ku wan an rêbazên din tê gunehbarkirin bi wan (tîma). Search tê dan bi rêya function selector $ () hatiye lidarxistin. Ji bo nimûne, $ ( 'div').

The selectors dikare li gor ka hilbijartina hêmanên nepenî:

• bingehîn;
• destê taybetiyê;
• nerdewana;
• naveroka;
• li ser rewşa;
• hilbijartina zeviyên form;
• din.

selectors Key

Di 90% ji dozên ku bi bikaranîna vê pirtûkxaneyê de tê bikaranîn jQuery-selector ku mensûbê koma sereke. Hemû ji wan re ne pir hêsan û zelal. Werin, em bifikirin ku her yek ji wan:

• * - hildibijêre hemû unsûrên rûpel, di nav wan de serî, beden û hwd.;
• p / div / darikê / ... - hildibijêre hemû hêman bi tag tesbît kirin (ango bo p.div, darikê, etc ...);
• .myClass / p.myClass - hêmanên bi navê class xwe dişinî hildibijêre;
• # MyID / p # myID -. Dim tu kes babete bi ID dayîn.

Li vir mînaka e. Werin, em dibêjin, divê em ji bo hilbijêre hemû hêmanên li ser rûpel bi entry class par wê bibin wiha ne: (. Par) $. Ger ku hewce be bi tenê hêmanên p ev çîna, paşê binivîsin: $ (p.par).

aloze selectors

Hûn dikarin ji jQuery sereke-selector kar, eger divê em hilbijêrin an babete bo mensûbên tu class ku ID an jî hemû hêmanên li ser rûpel hilbijêre. Lê belê, ne diyarde hene, ku dema ku babete tu çîna an ID. Ev ji bo vê yekê ye û ne selections bi wesf hene. Ew derfetê we to make a selection li hin taybetiyê ji HTML-hêmanan, wek href an src. Vê taybetiyê de hatiye nivîsîn: bixemilînî [].

Herî hêsan û nimûne: $ ([src]) - hildibijêre hemû hêmanên ku xwedî taybetmendiyê de src. Ev gengaz e ku mirov teng ku test bi kîjan hin nirxê taybetmendiyê: $ ([src = 'http: // site / article / 132222 / nirxê']).

Tu dikarî hinek selectors jQuery eger tu dixwazî teng qada hilbijartinê bi kar tînin. Ji bo nimûne, $ (p [color = şîn] [size = 12]) - bi tenê dikarî wan regezên p, ku xwedî rengê şîn û size 12 hilbijartî bi.

naveroka Selectors

Di vê rewşê de, eger tu hêmanên ku li ser taybetiyên xwe an selectors bingehîn hilbijêre ne, divê hûn ji bo naveroka wan daxuyaniyan. Bi giştî 4 bijarker a li vê derê:

• : Contains - hildibijêre tomar dihewînin, ji text hatiye diyarkirin;
• : Ma - hildibijêre hêmanên ku dihewîne elementên din karakterîstîk ên line;
• : Parent - hêmanên ku ti din hildibijêre;
• : Vala - hildibijêre hêmanên ku hûn ti din ne.

Li vir mînaka e. To hilbijêre hemû div hêmanên, dihewînin, ji text ên Hello, divê hûn ji bo nivîsandinê $ (div: dihewîne ( 'Hello')).

hiyerarşiya Selectors

e ku riyeke din hilbijêre hêmanên li jQuery, ango li wir - li gor hiyerarşiya xwe (ku ev e, ev rêje ji hev û din li ser IP-rûpel). Gelek ji wan, da ku em li ber du yên herî populer, "zarok" û "nijad".

Di bûyera pêşîn de hêmanên tên bijartin, ku ji neviyên direct (zarok) ji element dayîn (bapîrê wî) in. Ji bo nimûne, ji bo bijartina hêmanên di lîsteyê de li class ronahî ye ku lîsteya nav zarok, hingê divê hûn ji bo nivîsandinê: $ (ul # nav> li.light).

Mînaka duyem - a giştî zêdetir. dikare li wir hilbijartin û dûndana neyekser ya hêmana. Ji bo nimûne, ji bo bijartina girêdan di nava lîsteya nav receteyan: $ (ul # nav a).

Bi vî awahî, di jQuery hêmanên dikare bi awayên cuda, bi bikaranîna Parametreyên wek class, ID, xerîbkirin, naveroka an hiyerarşiya hêmanên HTML-document hilbijartin.