К содержанию

jQuery-handledning för nybörjare

En enkel jQuery-handledning för nybörjare med uppgifter och exempel på lösningar.

Introduktion

Introduktion till jQuery-biblioteket

Vad är jQuery?

Anslutning av jQuery

Komma igång med jQuery

jQuery-uppsättningar

Ändra textinnehåll i ett element med jQuery

Att spara en uppsättning element i en variabel med jQuery

Infoga text med taggar med html-metoden i jQuery

Utskrift av elementtext via jQuery

Arbete med CSS genom jQuery

CSS-egenskaper med bindestreck i jQuery

jQuery-kommandokedjor

Enkla jQuery-selectorer

jQuery-elementväljare

Klassväljare i jQuery

Id-selectorn i jQuery

Elementselektor med klass i jQuery

Avkommarettare i jQuery

Underordnade selektorer i jQuery

jQuery Grannselektorer

Attributväljare i jQuery

Pseudoklassselektorer i jQuery

Pseudoklassen :header i jQuery

Pseudo-klassen :not i jQuery

Pseudoklass :has i jQuery

Pseudoklass :contains i jQuery

Pseudoklasser :empty och :parent i jQuery

Skillnaden mellan :parent och parent() i jQuery

Andra jQuery-selectorer

Att arbeta med metoden each i jQuery

Arbete med map-metoden i jQuery

Arbeta med DOM

Att arbeta med attribut i jQuery

Skriva värden till attribut i jQuery

Ändra värden för flera attribut i jQuery

Ändra attributvärden med en funktion i jQuery

Ta bort attribut i jQuery

Ta bort endast attributvärde i jQuery

Ändring av ett attribut-egenskap i jQuery

Att läsa ett attribut-egenskap i jQuery

Ändra flera egenskaper för attribut i jQuery

value i formulär i jQuery

Lägga till en klass till ett element i jQuery

Ta bort klass i jQuery

Att arbeta med metoden toggleClass i jQuery

Strikt borttagning och tillägg av klass med metoden toggleClass i jQuery

Funktioner i arbetet med metoden hasClass i jQuery

Omslutning av element i jQuery

Skapande och omslutning av element i jQuery

Ta bort förälderelement med unwrap-metoden i jQuery

Omslutning av text inuti taggar i jQuery

Att omsluta flera element i jQuery

Metoden prepend för att infoga element i jQuery

Metoden append i jQuery

Användning av metoden before i jQuery

Metoden after i jQuery

Metoden appendTo i jQuery

Jämförelse av prepend och prependTo-metoderna i jQuery

Metoderna before och insertBefore i jQuery

Metoderna after och insertAfter i jQuery

Ersättning av element med metoden replaceWith i jQuery

Tillämpning av replaceAll-metoden i jQuery

Metoden remove i jQuery

Metoden detach i jQuery

Ta bort innehållet i element i jQuery

Elementmått i jQuery

Metoderna width och height i jQuery

Metoderna innerWidth och innerHeight i jQuery

Metoderna outerWidth och outerHeight i jQuery

Positionering i jQuery

Arbeta med en uppsättning element

Grunderna i att arbeta med uppsättningar i jQuery

Egenskapen length i jQuery-uppsättningen

Metoden index i jQuery

Metoden not i jQuery

Metoden eq i jQuery

Metoderna first och last i jQuery

Metoden has i jQuery

Metoden slice i jQuery

Filtrering av element i jQuery

Metoderna prev och next i jQuery

Metoden siblings i jQuery

Andra metoder för att arbeta med grannar i jQuery

Metoden parent i jQuery

Sök efter alla föräldrar i jQuery

Metoderna closest och parentsUntil i jQuery

Metoden children för att arbeta med avkomlingar i jQuery

Tillämpning av metoden contents i jQuery

Sökning inom hittade element i jQuery

Att lägga till element i det aktuella urvalet i jQuery

Att lägga till element med addBack i jQuery

Föregående uppsättning i jQuery

Klonering av element i jQuery

Kontroll av förekomst i jQuery

Konvertering till array i jQuery

Arbeta med data i element i jQuery

Händelsehantering

Händelseobjektet event i jQuery

Händelsebindning i jQuery

Metoder för att binda händelser i jQuery

Universell on-metod i jQuery

Metoden off i jQuery

Delegering i jQuery

Enkelthändelse i jQuery

Förhindra standardåtgärd i jQuery

Metoden submit i jQuery

Arbeta med effekter och animation

Metoderna hide och show i jQuery

Metoderna slideUp och slideDown i jQuery

Metoden slideToggle i jQuery

Metoderna fadeOut och fadeIn i jQuery

Metoden fadeToggle i jQuery

Metoden fadeTo i jQuery

Metoden animate i jQuery

Åtgärd efter effektens slut i jQuery

Arbeta med kö i jQuery

Övning för att träna på biblioteket jQuery

Praktik för att träna på biblioteket jQuery