jQuery eksempel

Forbedr dine jQuery-færdigheder gennem eksempler!

jQuery syntaks eksempel

$("this").hide()
Demonstration af jQuery's hide() funktion, skjul det aktuelle HTML-element.
$("p").hide()
Demonstration af jQuery's hide() funktion, skjul alle <p>-elementer.
$(".test").hide()
Demonstration af jQuery's hide() funktion, skjul alle elementer med class="test".
$("#test").hide()
Demonstration af jQuery's hide() funktion, skjul elementet med id="test".

Eksempel Forklaring

Skjul - Glid - Tóning

jQuery fadeOut()
Demonstration af den enkleste jQuery fadeout() funktion.
jQuery hide()
Demonstration af den enkleste jQuery hide() funktion.
Skjul forklaringer
Demonstration af, hvordan man skjuler en del af teksten.
Slide panel
Demonstration af en simpel Slide Panel-effekt.
jQuery animate()
Demonstration af den enkleste jQuery animate() funktion.

Eksempel Forklaring

HTML-operationer

Ændre indholdet af HTML-elementet.

Tilføj indhold til HTML-elementet.

Tilføj indhold efter HTML-elementet.

Eksempel Forklaring

CSS-operationer

Ændre HTML-elementets CSS-ejenskab.

Ændre flere CSS-ejenskaber.

Få elementets CSS-ejenskab.

Eksempel Forklaring

AJAX og jQuery

Brug af $(selector).load(url) til at ændre HTML-indhold.

Brug af $.ajax(options) til at ændre HTML-indhold.

Eksempel Forklaring