Semalt: Mis on jQuery? Ülevaade 5 kuulsast elemendivalijast!

jQuery on platvormideülene JavaScripti teek, mis on loodud HTML-i kliendi poolt skriptimise lihtsustamiseks. See on üks JavaScripti kõige rohkem kasutusele võetud teekidest. See oli loodud veebidokumentides liikumiseks, animatsioonide loomiseks, DOM-i elementide valimiseks ja Ajaxi rakenduste arendamiseks. jQuery aitab arendajatel ja programmeerijatel luua erinevaid veebikaabitsaid, rakendusi ja pistikprogramme. See võimaldab neil luua abstraktsiooni madala taseme animatsioonide ja interaktsioonide, teemade ja vidinate jaoks.

JQuery kõige iseloomulikumad omadused on DOM-i elementide valimine ja liitmisalgoritmid. Nii Microsoft kui Nokia ühendavad jQuery oma platvormidel; Microsoft on selle lisanud Visual Studio, ASP.NET MVC ja ASP.NET AJAX, samas kui Nokia on jQuery integreerinud oma vidinate arendusplatvormidesse Run-Time.

JQuery selektorite ülevaade:

jQuery JavaScripti teeki kasutatakse enamasti veebilehe sisu ja HTML-i elementide hankimiseks või muutmiseks. Seda kasutatakse laialdaselt selliste efektide rakendamiseks nagu animatsioonid, peitmine ja näitamine ning ilusate ja pilkupüüdvate veebisaitide loomiseks. Elementide valimine tüüpilise JavaScripti lähenemise või mõne muu meetodi abil võib olla väga valus, kuid jQuery selektorid toimivad nagu võlujõud. Need võimaldavad teil HTML-elemente kohe valida ja nendega manipuleerida ning neid kasutatakse peamiselt elementide leidmiseks või valimiseks nende nimede, ID-de, tüüpide, klasside, väärtuste ja atribuutide alusel. Peaksite meeles pidama, et kõik jQuery valijad algavad dollarimärgi ja sulgudega: $ () ja neil on oma eristatavad omadused.

1. jQuery põhivalijad:

JQuery põhivalijatega saate hõlpsalt valida veebilehe elemente, kasutades nende ID-d ("# id"), klassi $ (". Klass") ja sildi nime $ ("li"). Soovitud tulemuste saamiseks saate neid kombineerida või kasutada neid eraldi. Kombineeritud jQuery valijad näevad välja umbes $ ("selector1, selector2, selector3").

2. Indeksipõhised jQuery valijad:

Kui te ei saa soovitud tulemusi tavaliste jQuery-valijatega, võite valida indeksipõhised valijad. jQuery on kõige tuntum, kui pakutakse oma indeksipõhiste selektorite komplekti, mis kõik kasutavad nullipõhist indekseerimist. See tähendab, et kolmanda elemendi valimiseks peate kasutama indeksit 2. Indeksipõhiste jQuery selektorite populaarseimad tüübid on eq (n) valija, see (n) valija, gt (n) valija, viimane valija, esimene valija, paarisvalija ja paaritu valija.

3. Lapse jQuery valijad:

jQuery võimaldab teil valida kindla elemendi lapsi nende tüübi või indeksi alusel. Näiteks CSS-i lapsevalijad erinevad paljudest teistest lapsevalijatest ja neil on oma eristatavad veebi indekseerimise funktsioonid.

4. Atribuut jQuery valijad:

Atribuudi jQuery valijatega saate elemente nende väärtuste ja atribuutide põhjal hõlpsalt valida. Nende selektoritega töötades peaksime meeles pidama, et nad käsitlevad mitme tühikuga eraldatud väärtusi ühe stringina. Näiteks $ ("a [rel = 'nofollow']") ei vasta väärtusele $ ("a [rel = 'nofollow other']").

5. JQuery sisu valijad:

Sisu valijad põhinevad veebisisu ja HTML-i elementidel. Neid on nelja erinevat tüüpi ja need näitavad, kuidas veebilehe sisu tuleks indekseerida või struktureerida. Need on kas teksti- või pildivormis ja neil on oma eripärad.