O que é jQuery?


jQuery

jQuery é uma biblioteca JavaScript.

jQuery simplifica muito a programação JavaScript.

jQuery é fácil de aprender.


jQuery Ocultar e Mostrar

Com jQuery, você pode ocultar e mostrar elementos HTML com os métodos hide() e show():

Exemplo

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

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

jQuery deslizante

Com jQuery você pode criar efeitos deslizantes em elementos HTML:

  • Deslize para baixo()
  • deslize para cima ()
  • slideToggle()

Exemplo

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

Animação jQuery

Exemplo

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


jQuery Manipulando CSS

Exemplo

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