jQuery Tutorial for Begyndere

Introduktion

Introduktion Hvad er jQuery? Tilslutning af jQuery Kom godt i gang med jQuery jQuery sæt Ændring af elementets tekst Optagelse af sæt i variabel Indsæt tekst med tags ved hjælp af html-metoden Udlæsning af elementets tekst Arbejde med CSS CSS egenskaber med bindestreger Kommando-kæder Enkle selektorer jQuery element-selektor Klasse-selektor Id-selektor Element-selektor med klasse Afkom-selektor Barne-selektorer Nabo-selektor Attribut-selektor Pseudoklasse-selektorer Pseudoklasse :header Pseudoklasse :not Pseudoklasse :has Pseudoklasse :contains Pseudoklasser :empty og :parent Forskel :parent og parent() Andre jQuery selektorer Arbejde med each-metoden Arbejde med map-metoden

Arbejde med DOM

Arbejde med attributter Skrivning af værdi til attribut Ændring af værdier for flere attributter Ændring af attributværdier ved hjælp af en funktion Sletning af attributter Sletning kun af attributværdi Ændring af en enkelt attribut-egenskab Læsning af en enkelt attribut-egenskab Ændring af flere attributegenskaber Formularværdi Tilføjelse af klasse til element Sletning af klasse Arbejde med metoden toggleClass Streng sletning og tilføjelse af klasse med metoden toggleClass Særligheder ved arbejde med metoden hasClass Indpakning af elementer Oprettelse og indpakning af elementer Udpakning af elementer Indpakning af tekst inde i tags Indpakning af flere elementer Metoden prepend til indsættelse af elementer Metoden append Anvendelse af metoden before Metoden after Metoden appendTo Sammenligning af metoderne prepend og prependTo Metoderne before og insertBefore Metoderne after og insertAfter Udskiftning af elementer med metoden replaceWith Anvendelse af metoden replaceAll Metoden remove Metoden detach Sletning af elementindhold Elementstørrelser Metoderne width og height Metoderne innerWidth og innerHeight Metoderne outerWidth og outerHeight Positionering

Arbejde med et sæt af elementer

Grundlæggende arbejde med et sæt Egenskaben length i et sæt Metoden index Metoden not Metoden eq Metoderne first og last Metoden has Metoden slice Filtrering af elementer Arbejde med naboer Metoden siblings Andre metoder til arbejde med naboer i jQuery Metoden parent Søgning efter alle forældre Metoderne closest og parentsUntil Metoden children til arbejde med afkom Anvendelse af metoden contents Søgning inden i det fundne Tilføjelse af elementer til det aktuelle sæt Tilføjelse af elementer med addBack Tidligere sæt Klonning af elementer Tjek for tilstedeværelse Omregning til et array Arbejde med data i elementer

Håndtering af begivenheder

Begivenhedsobjektet event Binding af begivenheder Metoder til binding af begivenheder Universel metode on Metode off Delegering Engangsbegivenhed Annullering af standardhandling Metode submit

Arbejde med effekter og animation

Metoderne hide og show Metoderne slideUp og slideDown Metoden slideToggle Metoderne fadeOut og fadeIn Metoden fadeToggle Metoden fadeTo Metoden animate Handling efter effektens afslutning Arbejde med kø

Praksis til at øve jQuery biblioteket

↑