¿Qué es jQuery?
jQuery es una biblioteca de JavaScript.
jQuery simplifica enormemente la programación de JavaScript.
jQuery es fácil de aprender.
jQuery ocultar y mostrar
Con jQuery, puede ocultar y mostrar elementos HTML con los métodos hide() y show():
Ejemplo
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
jQuery deslizante
Con jQuery puedes crear efectos deslizantes en elementos HTML:
- bajar deslizándose()
- deslizar hacia arriba ()
- deslizar alternar ()
Ejemplo
$("#flip").click(function(){
$("#panel").slideDown();
});
Animación jQuery
Ejemplo
$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});
jQuery manipulando CSS
Ejemplo
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});