jQuery er ikke et programmeringsspråk, men snarere en samling av metoder som gjør det lettere for JavaScript programmerere til å jobbe . Disse metodene tar seg av grunnleggende oppgaver , som å lokalisere eller manipulere radio -knapper , slik at du kan fokusere på å gjøre noe nytt og originalt med koden din . Når du bruker jQuery med en side som lar brukere velge mellom ulike alternativer , kan du bruke radioknapper eller avkrysningsbokser . JavaScript GUI
Det grafiske brukergrensesnittet som JavaScript-koden innenfor jQuery metoder samhandle er faktisk ikke JavaScript- elementer . Som den personlige hjemmesiden skriptspråk , bruker JavaScript-kode Hypertext Markup Language GUI -komponenter . Koden henter tall og tegnstrenger fra HTML tekstfelt , finner utdrag fra HTML- radio knapper , og bruker HTML er "Send" -knappene for brukeren å indikere at de er ferdig med å fylle ut et skjema .
JQuery og GUI hendelser
jQuery blir dataene vil manipulere ved å hente verdien av disse HTML GUI -komponenter . Du kan enten vente til brukeren treffer på send -knappen forbundet med en form for jQuery kode for å begynne å vurdere verdien av ulike komponenter, for eksempel innholdet i tekstfelt eller den boolske variable som sier at hvis en bestemt er avkryssa eller ikke sjekket , eller ha JavaScript sjekke verdiene av disse komponentene til bestemte tider . Dette kan enten være en tidsbestemt løkke der den jQuery koden vil se etter verdier hvert X sekund eller som svar til brukeren klikke musen .
HTML Selector Typer
< p> Fordi jQuery , og JavaScript-kode generelt , hente brukerens input data fra HTML GUI -komponenter , kan du bruke enten radioknappene eller sjekk bokser i dine jQuery drevet sider. Men forskjellen mellom radio og avmerkingsbokser er ikke helt estetisk . Grupper av radioknappene bare la brukerne velge ett av elementene i gruppen. Avkrysningsbokser, derimot , tillater brukeren å velge mer enn ett element i en gruppe .
Hjelp Avkrysningsbokser og alternativknapper
Koden for å bruke radioknappene eller avmerkingsboksene i jQuery er ikke signifikant forskjellig . Du bruker "input type = 'boksen ' " i stedet for "input type = " Radio " " i HTML komponentene på siden din . I jQuery kode som finner hvilke valg brukernavnet valgt den samme " : merket " vil søkeordet som finner radio knapper som brukeren valgte også returnere boksene brukeren valgt. Hvis du er ute etter noen forekomst av en boksen, enten brukeren valgt det eller ikke, bruker du "type = boksen " eller " : boksen " heller enn " type = radio " eller ": radio" vilkår .