Was ist jQuery?
jQuery ist eine JavaScript-Bibliothek.
jQuery vereinfacht die JavaScript-Programmierung erheblich.
jQuery ist leicht zu erlernen.
jQuery ausblenden und anzeigen
Mit jQuery können Sie HTML-Elemente mit den Methoden hide() und show() ein- und ausblenden:
Beispiel
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
jQuery-Sliding
Mit jQuery können Sie Gleiteffekte auf HTML-Elementen erzeugen:
- herunterrutschen()
- slideUp ()
- slideToggle ()
Beispiel
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery-Animation
Beispiel
$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});
jQuery-Manipulation von CSS
Beispiel
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});