jQuery exempel

Förbättra dina jQuery-färdigheter genom exempel!

jQuery syntaxexempel

$("this").hide()
Demonstration av jQuery:s hide()-funktion, dölj det aktuella HTML-elementet.
$("p").hide()
Demonstration av jQuery:s hide()-funktion, dölj alla <p>-element.
$(".test").hide()
Demonstration av jQuery:s hide()-funktion, dölj alla element med class="test".
$("#test").hide()
Demonstration av jQuery:s hide()-funktion, dölj element med id="test".

Exempel förklaring

Dölj - Skjuta ut - Tona ut

jQuery fadeOut()
Demonstration av den enkla jQuery fadeout()-funktionen.
jQuery hide()
Demonstration av den enkla jQuery hide()-funktionen.
Dölj förklaringar
Demonstration av hur man döljer delvis text.
Slide panel
Demonstration av den enkla Slide Panel-effekten.
jQuery animate()
Demonstration av den enkla jQuery animate()-funktionen.

Exempel förklaring

HTML-operationer

Ändra innehållet i HTML-elementet.

Lägg till innehåll till HTML-elementet.

Lägg till innehåll efter HTML-elementet.

Exempel förklaring

CSS-operationer

Ändra HTML-elementets CSS-egenskaper.

Ändra flera CSS-egenskaper.

Få elementets CSS-egenskaper.

Exempel förklaring

AJAX och jQuery

Använd $(selector).load(url) för att ändra HTML-innehåll.

Använd $.ajax(options) för att ändra HTML-innehåll.

Exempel förklaring