Eelmisel nädalal rääkisin sellest, kui oluline on jQuery iga kaasaegse veebiarendaja jaoks ja miks see on vinge. Sel nädalal arvan, et on aeg teha käed mõne koodiga ja õppida, kuidas jQuery oma projektides tegelikult ära kasutada.

Ma ütlen seda kohe - jQuery kasutamiseks ei pea te Javascripti õppima. See on ilmselt parim, kui arvate, et jQuery on Javascripti evolutsioon - parem viis seda teha - kui lihtsalt funktsionaalsust lisav teek. Vajalik Javascript võetakse teelt kätte. Eeldatakse siiski, et veebiarendajana tunnete HTML -i ja CSS -i päris hästi (ja siin on kasulik tasuta xHTML -juhend, kui mitte!).

Dokumendi objekti mudel

jQuery on seotud selle läbimisega ja manipuleerimisega KOHTUOTSUS - D dokument VÕI bject M odel. DOM on lehe hierarhiline puude esitus, mille brauserid ehitasid pärast kogu HTML -koodi lugemist. JQuery'is kasutame sellist terminoloogiat nagu lapsevanem , lapsed ja õed -vennad üsna sageli, nii et teil peaks olema ettekujutus sellest, mida see DOM -i puhul tähendab.

See lihtne diagramm pärinebw3koolidselgitab mõisteid üsna hästi. Peaksite nägema, et elemendi vanem on, samas kui elemendil on vahetu

jQuery code codes here`

$ ('valija').meetod();

See on kõik, pealkirjas üleval. See on ühe jQuery -koodi põhistruktuur DOM -iga manipuleerimiseks. Lihtne, eks?

Thevalijakäsib jQueryl leida asju, mis sellele reeglile vastavad, ja see on sama mis CSS -i valijad (ja siis veel mõned peal). Niisiis, nagu CSS -is, stiiliksite kõik lingid

a { }

Sama teeks ka jQuery as

$('a')

Seda saab teha mis tahes HTML -elementide jaoks - div, h1, span - mis iganes. Täpsemaks saate kasutada ka CSS -i klasse ja ID -sid.

Näiteks, et leida kõik lingid klassiga 'findme', kasutage järgmist:

$('a.findme')

Te ei pea iga kord elemendi tüüpi täpsustama - kuid kui te seda teete, muudab see reegli lihtsalt täpsemaks. Oleks võinud lihtsalt öelda

$('.findme')

mis sobiks klassiga kõigega kokku leida , kas see oli link või mitte.

Nimega ID -elemendi kasutamiseks kasutage # allkirjastage selle asemel. Peamine erinevus on see, et ID -valija valib kunagi ainult ühe objekti, samas kui klassivalija võib leida rohkem kui ühe objekti.

kuidas pöörata videot Windows 10

$('#something')

Põhimõtteliselt, kui saate CSS -is hakkama, teeb seda ka jQuery. Tegelikult saate kasutada ka mõnda üsna keerukat CSS3 stiilis pseudovalijat, näiteks: esiteks

$('body p:first')

Mis haaraks lehe lõigu. Leiad ka teatud atribuutidega elemente. Kaaluge seda näidet; tahame leida lehelt kõik lingid, mis viitavad sisemiselt ära kasutada ja tõsta need mingil moel esile. Me võime neid leida järgmiselt.

$('a[href*='makeuseof']')

Kas pole lahe? No ma arvan, et on.

Teie järgmine helistamissadam peaks olema jQuery API dokumentatsioon valijatele . See on tohutu nimekiri kõigist erinevatest valijatest, mida saab kasutada, ja keegi ei ootaks, et te kõik ära õpiksite.

Võrrandi järgmine osa onmeetod- mida teha nende asjadega, kui olete need kõik leidnud - kuid jätame selle järgmiseks tunniks. Kui soovite siiski alustada erinevate valijate proovimisega, soovitan teil järgida järgmist css -meetodit. Selleks on vaja kahte parameetrit - CSS kinnistu nimi , ja uus väärtus sellele varale määrata. Seega, et anda kõikidele linkidele punane taustavärv, tehke järgmist.

$('a').css('background-color','red');

Piisavalt lihtne! Kuigi see ei pruugi olla praktiliselt kasulik, võimaldab see teil hõlpsasti näha kõiki elemente, mis asuvad teie valijate abil. Nüüd mine edasi ja vali - DOM ootab sind.

Loodan, et see õpetus on teile kasulik olnud; Olen püüdnud teha selle võimalikult lihtsaks ja arusaadavaks. Küsige julgelt kõiki küsimusi või jätke tagasisidet, kuid pidage meeles, et ma pole kindlasti mingi eliidi jQuery ninja.

Jaga Jaga Piiksuma E -post 5 näpunäidet VirtualBox Linuxi masinate ülelaadimiseks

Kas olete väsinud virtuaalmasinate halvast jõudlusest? Siin on, mida peaksite tegema oma VirtualBoxi jõudluse suurendamiseks.

Loe edasi Seotud teemad

Veebikultuur
Veebiarendus
JavaScript
Programmeerimine
jQuery

Autori kohta James Bruce(Avaldatud 707 artiklit)

Jamesil on tehisintellekti bakalaureusekraad ning ta on CompTIA A+ ja Network+ sertifikaadiga. Kui ta pole riistvara ülevaadete redaktorina hõivatud, naudib ta LEGO, VR ja lauamänge. Enne MakeUseOfiga liitumist oli ta valgustehnik, inglise keele õpetaja ja andmekeskuse insener.

Veel James Bruce'ilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin