Wat is jQuery?
jQuery is een JavaScript-bibliotheek.
jQuery vereenvoudigt JavaScript-programmering aanzienlijk.
jQuery is gemakkelijk te leren.
jQuery Verbergen en tonen
Met jQuery kunt u HTML-elementen verbergen en weergeven met de methoden hide() en show():
Voorbeeld
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
jQuery Sliding
Met jQuery kunt u glijdende effecten maken op HTML-elementen:
- naar beneden glijden()
- schuif omhoog ()
- schuifToggle ()
Voorbeeld
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery-animatie
Voorbeeld
$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});
jQuery CSS manipuleren
Voorbeeld
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});