Pse kemi nevojë dhe se si për të regjistruar jQuery-përzgjedhës?

projektuesi moderne web jo vetëm që duhet të zotëruar bazat e HTML, CSS dhe JavaScript, por edhe të jenë në gjendje për të punuar në bibliotekën jQuery, e cila fokusohet në ndërveprimin e JavaScript me HTML-dokumenteve. Se ai lejon qasje të shpejtë në çdo element DOM (aplikimit ndërfaqe programimit që ofron qasje në përmbajtje HTML-files) dhe manipuluar ato. Njësitë kryesore strukturore të bibliotekës janë ekipi. Në mënyrë që të zbatojnë një ose ekipi tjetër, ju keni nevojë për një jQuery-përzgjedhës.

selectors formulës në të biblioteke jQuery

Selectors në jQuery bazuar në përdorim në CSS. Ata janë të nevojshme për të zgjedhur artikuj HTML-file, për t'i përdorur ato për të shkaktuar këto ose metoda të tjera të manipuluar ato (ekipi). Kërko kryhet nëpërmjet përzgjedhës $ () funksionin. Për shembull, $ ( 'div').

Selectors mund të klasifikohen në varësi se si zgjedhjen e elementeve:

• themelor;
• nga atribut;
• hierarkia;
• përmbajtja;
• mbi situatën;
• zgjedhja e fushave formë;
• të tjerët.

Selectors kyçe

Në 90% të rasteve, kur duke përdorur këtë bibliotekë është përdorur jQuery-përzgjedhës i përkasin grupit kryesor. Të gjitha prej tyre janë mjaft të thjeshta dhe të qarta. Le të konsiderojmë secilën prej tyre:

• * - zgjedh të gjitha elementet e faqe, duke përfshirë kokë, trup, etj;.
• p / div / Sidebar / ... - zgjedh të gjitha elementet që kanë të bëjnë me tag paracaktuar (p.sh. për p.div, sidebar, etj ...);
• .myClass / p.myClass - zgjedh elementet me emër të caktuar të klasës;
• # MyID / p # myID -. Zgjedh çdo një artikull me ID e dhënë.

Këtu është një shembull. Le të thonë se ne kemi nevojë për të zgjedhur të gjitha elementet në faqe me hyrjen klasës par do të jetë si më poshtë: (. Par) $. Nëse është e nevojshme vetëm elemente P e kësaj klase, atëherë shkruani: $ (p.par).

atribut selectors

Ju mund të përdorni kryesor-përzgjedhës jQuery, në qoftë se ne kemi nevojë për të zgjedhur një element që i përket çdo klasë që ka ID ose zgjidhni të gjitha elementet në faqe. Megjithatë, ka raste kur një objekt nuk ka klasë apo ID. Është për këtë dhe ka zgjedhje me atribut. Ato ju lejojnë të bëni një përzgjedhje në një atribut të HTML-elementet e, të tilla si href apo src. Ky atribut është shkruar në kllapa katrore [].

Shembulli i thjeshtë: $ ([SRC]) - zgjedh të gjitha elementet që kanë src atribut. Është e mundur për të ngushtuar mostër duke specifikuar vlerë të caktuar atribut: $ ([src = 'http: // site / artikull / 132222 / vlera']).

Ju mund të përdorni disa selectors jQuery në qoftë se ju doni për të ngushtuar fushën e zgjedhjes. Për shembull, $ (p [color = blue] [size = 12]) - janë zgjedhur vetëm ato elemente p, të cilat kanë një ngjyrë blu dhe madhësinë 12.

përmbajtja Selectors

Në këtë rast, në qoftë se ju nuk mund të zgjidhni elemente të bazuar në atributet ose selektorë themelore, ju duhet t'i referohet përmbajtjes së tyre. Në total janë 4 përzgjedhës të këtij lloji:

• : Përmban - zgjedh artikuj që përmbajnë tekstin e specifikuar;
• : Ka - zgjedh elementet që përmbajnë elemente të tjera karakteristike e linjës;
• : Parent - përzgjedh elemente që përmbajnë ndonjë tjetër;
• : Empty - zgjedh elemente që nuk përmbajnë ndonjë tjetër.

Këtu është një shembull. Për të zgjedhur të gjitha elementet div, që përmban tekstin e hello, ju duhet të shkruani $ (div: përmban ( "Përshëndetje")).

Selectors hierarkia

Nuk është një tjetër mënyrë për të zgjedhur elemente në jQuery, përkatësisht - në bazë të hierarkisë së tyre (që është, raporti i njëri-tjetrit në HTML-faqe). Një shumë prej tyre, kështu që ne paraqesim dy nga më të popullarizuar, "fëmijë" dhe "pasardhës".

Në rastin e parë elementet zgjidhen, të cilat janë pasardhës të drejtpërdrejtë (fëmijë) të një elementi të caktuar (të parëve). Për shembull, për të zgjedhur elementët e listës në klasë dritë e cila është një listë nav fëmijë, atëherë ju duhet të shkruani: $ (ul # nav> li.light).

E dyta rast - një shumë të përgjithshme. Nuk mund të zgjidhen dhe pasardhësit indirekt të elementit. Për shembull, për të zgjedhur lidhjet brenda listës nav përshkruajnë: $ (ul # nav a).

Kështu, në jQuery elemente mund të zgjidhen në mënyra të ndryshme, duke përdorur parametra të tillë si një klasë, ID, atributet, përmbajtjen apo hierarkinë e elementeve të HTML-dokument.