Vad är DOM?
Förstå Document Object Model på ett enkelt språk – trädet som representerar varje webbsida – och varför jQuery är så bra på att manipulera det.
Vad är DOM? är en gratis lektion i jQuery Academy på CoddyKit. Detta är lektion 2 av 3. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för jQuery Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i jQuery Academy innehåller totalt 3 lektioner.
Möt DOM
För att använda jQuery är det bra att känna till DOM. Oroa dig inte – det är en enkel idé med ett skrämmande namn. 😊
Sidan som ett träd
DOM är webbsidan omvandlad till ett träd av delar – varje rubrik, knapp och bild är en gren.
Ett släktträd
Föreställ dig ett släktträd. 🌳 Sidan är föräldern och varje element inuti är ett barn. Delarna ligger prydligt inuti varandra.
Varför det spelar roll
DOM är det som din kod kommunicerar med. Vill du ändra en knapp? Då går du in i DOM och hämtar den.
Element överallt
Varje del kallas ett element. En titel, ett stycke, en länk – allt är element som finns i trädet.
Välj med selektorer
För att hämta ett element använder du en selektor – ungefär som en adress som pekar ut exakt den del du vill åt.
jQuery till undsättning
Här kommer det magiska: jQuery gör det väldigt enkelt att hitta DOM-element. Det här hämtar alla stycken på en gång.
$("p");Ändra dem sedan
När du har hämtat ett element kan du ändra texten eller färgen, eller dölja det – precis som du vill.
Bron
DOM är alltså sidan, och jQuery är ditt enkla sätt att gå in i den och ändra saker. Ett perfekt par! 🤝
Titta på dig!
Nu förstår du DOM OCH hur jQuery använder det. 🎉 Härnäst: var detta dyker upp på riktiga webbplatser.
Snabb koll
En snabb fråga! Tänk på det vi precis gick igenom.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 22
- Lektioner
- 48
Vanliga frågor
Är lektionen ”Vad är DOM?” gratis?
Ja – hela texten till ”Vad är DOM?” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i jQuery Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i jQuery Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Vad är DOM?”?
Förstå Document Object Model på ett enkelt språk – trädet som representerar varje webbsida – och varför jQuery är så bra på att manipulera det. Ni övar på jQuery Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig jQuery Academy?
Du behöver inga förkunskaper. Utbildningen i jQuery Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 2 av 3.
Hur lång tid tar lektionen ”Vad är DOM?”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här jQuery Academy-lektionen?
Ja. Varje jQuery Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Vad är jQuery?
- Vad är DOM?
- jQuery i verkligheten