O que é 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");
});