jQuery är inte ett programmeringsspråk , utan snarare en samling av metoder som gör det lättare för JavaScript programmerare att arbeta . Dessa metoder tar hand om grundläggande uppgifter , som att lokalisera eller manipulera radio selector knapparna , så att du kan fokusera på att göra något nytt och originellt med din kod . När du använder JQuery med en sida som användaren kan välja från olika alternativ , kan du använda alternativknappar eller kryssrutor . JavaScript GUI
Det grafiska användargränssnittet som JavaScript-koden inom JQuery metoder samverkar är faktiskt inte JavaScript element . Liksom den personliga hemsidan skriptspråk , använder JavaScript -kod HyperText Markup Language GUI -komponenter . Koden hämtar tal och teckensträngar från HTML-textfält , konstaterar val från HTML radioknappar , och använder HTML : s "Skicka" -knapparna för användaren att ange de har fyllt i ett formulär .
JQuery och GUI Evenemang
JQuery får data kommer det att manipulera genom att hämta värdet på dessa HTML GUI komponenter . Du kan antingen vänta tills användaren slår på skicka -knappen i samband med en blankett för din JQuery kod för att börja bedöma värdet av olika komponenter, till exempel innehållet i textfält eller boolesk variabel som säger att om en viss alternativknapp är markerad eller inte kontrollerats , eller ha JavaScript kontrollera värdena hos dessa komponenter vid specifika tidpunkter . Detta kan vara antingen en tidsinställd slinga där JQuery koden kommer att leta efter värden varje x sekunder eller som svar på att användaren klickar på musen .
HTML Selector Typer
Eftersom JQuery , och JavaScript -kod i allmänhet , hämta data användardata från HTML GUI -komponenter , kan du antingen använda alternativknappar eller kryssrutor i dina JQuery drivna sidor . Men skillnaden mellan radioknappar och kryssrutor är inte helt estetiskt . Grupper av radioknappar låter användarna endast välja ett av objekten i gruppen . Kryssrutor , å andra sidan , tillåter användaren att välja fler än ett element i en grupp .
Använda kryssrutor och alternativknappar
kod för att använda radioknapparna eller kryssrutor i JQuery är inte signifikant olika. Du använder " input type = ' checkbox ' " istället för " input type = " radio " " i HTML- komponenter på sidan . I JQuery koden som hittar vilka val ditt användarnamn utvalda , samma " : markerad " kommer sökord som finner alternativknappar som användaren valt också återlämna eventuella kryssrutor användaren valt . Om du letar efter en instans av en kryssruta , om användaren valt det eller inte , använder du " type = kryssrutan " eller " : kryssrutan " snarare än " type = radio " eller " : radio " termer . Addera