What is jQuery

jQuery is a JavaScript library

jQuery Hide and Show

With jQuery, you can hide and show HTML elements with the hide() and show() methods:

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

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

With jQuery you can create sliding effects on HTML elements:

slideDown()

slideUp()

slideToggle()

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

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

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