jQuery Voorbeelden

Verbeter je jQuery vaardigheden met voorbeelden!

jQuery syntaxis voorbeeld

$(this).hide()
Demonstreer de jQuery hide() functie, het huidige HTML-element verbergen.
$("p").hide()
Demonstreer de jQuery hide() functie, alle <p> elementen verbergen.
$(".test").hide()
Demonstreer de jQuery hide() functie, alle elementen met class="test" verbergen.
$("#test").hide()
Demonstreer de jQuery hide() functie, het element met id="test" verbergen.

Voorbeeldverklaring

Verbergen - Schuiven - Vervagen

jQuery fadeOut()
Demonstreer de eenvoudige jQuery fadeout() functie.
jQuery hide()
Demonstreer de eenvoudige jQuery hide() functie.
Verberg uitleg
Demonstreer hoe je een deel van de tekst verbergt.
Slide panel
Demonstreer het eenvoudige Slide Panel-effect.
jQuery animate()
Demonstreer de eenvoudige jQuery animate() functie.

Voorbeeldverklaring

HTML-bewerkingen

Inhoud van HTML-elementen wijzigen.

Inhoud toevoegen aan het HTML-element.

Inhoud toevoegen na het HTML-element.

Voorbeeldverklaring

CSS-bewerkingen

CSS-eigenschappen van HTML-elementen wijzigen.

Meerdere CSS-eigenschappen wijzigen.

CSS-eigenschappen van elementen verkrijgen.

Voorbeeldverklaring

AJAX en jQuery

Gebruik $(selector).load(url) om HTML-inhoud te wijzigen.

Gebruik $.ajax(options) om HTML-inhoud te wijzigen.

Voorbeeldverklaring