Qu'est-ce que jQuery ?


jQuery

jQuery est une bibliothèque JavaScript.

jQuery simplifie grandement la programmation JavaScript.

jQuery est facile à apprendre.


Masquer et afficher jQuery

Avec jQuery, vous pouvez masquer et afficher des éléments HTML avec les méthodes hide() et show() :

Exemple

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});

Glissement jQuery

Avec jQuery, vous pouvez créer des effets de glissement sur des éléments HTML :

  • glisse vers le bas()
  • glisser vers le haut ()
  • slideToggle ()

Exemple

$("#flip").click(function(){
    $("#panel").slideDown();
});

Animation jQuery

Exemple

$("button").click(function(){
    $("div").animate({
        left: '250px',
        height: '+=150px',
        width: '+=150px'
    });
}); 


jQuery Manipulation CSS

Exemple

$("button").click(function(){
    $("h1, h2, p").toggleClass("blue");
});