Għaliex għandna bżonn u kif jiġi rreġistrat JQuery-selettur?

web designer moderni għandhom mhux biss kaptan l-baŜi ta 'l-HTML, CSS u JavaScript, iżda wkoll ikunu jistgħu jaħdmu fil-librerija JQuery, li jiffoka fuq l-interazzjoni ta' JavaScript bil-HTML dokumenti. Li tippermetti aċċess rapidu għall-kwalunkwe DOM element (interface programmi applikattivi li jipprovdi aċċess għall-kontenut html fajls) u timmanipula minnhom. L-unitajiet strutturali prinċipali tal-librerija huma l-tim. Sabiex tapplika waħda jew l-oħra tat-tim, għandek bżonn JQuery-selettur.

seletturi formula fil-librerija JQuery

Il seletturi fil JQuery bbażati fuq l-użu fl CSS. Dawn huma meħtieġa biex jagħżlu oġġetti HTML fajl, li jużawhom biex jikkawżaw dawn jew metodi oħra ta 'manipulazzjoni minnhom (it-tim). Tfittxija titwettaq permezz tal-selettur $ () funzjoni. Per eżempju, $ ( "div").

Il seletturi jistgħu jiġu kklassifikati skond kif l-għażla ta 'elementi:

• bażika;
• billi attribut;
• -ġerarkija;
• -kontenut;
• dwar is-sitwazzjoni;
• għażla ta 'oqsma forma;
• oħrajn.

seletturi ewlenin

F'90% tal-każijiet meta jużaw din il-librerija tintuża JQuery-selettur tappartjeni għall-grupp prinċipali. Kollha kemm huma pjuttost sempliċi u ċara. Ejja nieħdu kull wieħed minnhom:

• * - jagħżel l-elementi kollha paġna, inkluż il-kap, korp, eċċ;.
• p / div / sidebar / ... - jagħżel l-elementi kollha li jappartjenu għall-tikketta predeterminati (ie biex p.div, sidebar, eċċ ...);
• .myClass / p.myClass - jagħżel l-elementi bl-isem klassi speċifikata;
• # MyID / p # myID -. Jagħżel kull oġġett wieħed bl-ID partikolari.

Hawn hu eżempju. Ejja ngħidu li għandna bżonn biex jagħżlu l-elementi kollha fuq il-paġna bid-dħul klassi par se tkun kif ġej: (. Par) $. Jekk meħtieġ elementi p uniċi ta 'din il-klassi, imbagħad jiktbu: $ (p.par).

attribut seletturi

Tista 'tuża l JQuery prinċipali-selettur, jekk għandna bżonn li jagħżlu l-oġġett li jappartjeni lil kwalunkwe klassi li ID jew tagħżel elementi kollha fuq il-paġna. Madankollu, hemm każijiet meta oġġett m'għandha l-ebda klassi jew ID. Huwa għal dan u hemm selezzjonijiet mill attribut. Dawn jippermettu li inti tagħmel l-għażla fuq xi attribut ta 'l-HTML-elementi, bħal href jew src. Dan l-attribut huwa miktub fil -parentesi kwadri [].

L-eżempju sempliċi: $ ([src]) - jagħżel l-elementi kollha li għandhom attribut src. Huwa possibbli li jonqos l-kampjun billi tispeċifika ċertu valur attribut: $ ([src = "http: // sit / artikolu / 132222 / valur"]).

Tista 'tuża xi seletturi jQuery jekk inti tixtieq li jonqos il-qasam ta' għażla. Per eżempju, $ (p [kulur = blu] [id-daqs = 12]) - huma magħżula biss dawk l-elementi p, li jkollhom kulur blu u daqs 12.

kontenut seletturi

F'dak il-każ, jekk inti ma tistax tagħżel elementi bbażat fuq attributi jew seletturi bażiċi, għandek tirreferi għall-kontenut tagħhom. B'kollox hemm 4 selettur ta 'dan it-tip:

• : Fih - jagħżel oġġetti li jkun fihom it-test speċifikat;
• : Has - jagħżel elementi li fihom elementi oħrajn karatteristika tal-linja;
• : Parent - jagħżel elementi li fihom kwalunkwe ieħor;
• : Vojta - jagħżel elementi li ma jkunx fihom xi oħra.

Hawn hu eżempju. Biex tagħżel div kollha elementi, li jkun fiha t-test tal-Hello, għandek bżonn biex tikteb $ (div: fih ( "Hello")).

ġerarkija seletturi

Hemm mod ieħor biex tagħżel elementi fil JQuery, jiġifieri - skond ġerarkija tagħhom (jiġifieri, il-proporzjon ta 'xulxin fuq il--paġna HTML). Ħafna minnhom, hekk aħna preżenti tnejn mill-aktar popolari, "tfal" u "dixxendent".

Fl-ewwel każ l-elementi jiġu magħżula, li huma dixxendenti diretti (tfal) ta 'element partikolari (antenat). Pereżempju, biex jagħżlu l-elementi tal-lista fil-klassi dawl li huwa lista nav tfal, imbagħad inti għandek bżonn biex tikteb: $ (ul # nav> li.light).

It-tieni każ - aktar ġenerali. jista jkun hemm magħżula u dixxendenti indiretti tal-element. Pereżempju, biex tagħżel il-links fil-lista nav jippreskrivi: $ (ul # nav a).

Għalhekk, fil JQuery elementi jistgħu jiġu magħżula fil-modi varji bl-użu ta 'parametri bħal bħala klassi, ID, l-attributi, il-kontenut jew ġerarkija ta' elementi HTML dokument.