Cos'è jQuery?


jQuery

jQuery è una libreria JavaScript.

jQuery semplifica notevolmente la programmazione JavaScript.

jQuery è facile da imparare.


jQuery Nascondi e mostra

Con jQuery, puoi nascondere e mostrare elementi HTML con i metodi hide() e show():

Esempio

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

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

jQuery scorrevole

Con jQuery puoi creare effetti di scorrimento su elementi HTML:

  • scorrere verso il basso()
  • scorrere verso l'alto ()
  • slideToggle ()

Esempio

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

Animazione jQuery

Esempio

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


jQuery Manipolazione CSS

Esempio

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