What is Jquery?

jQuery is a JavaScript library.

jQuery greatly simplifies JavaScript programming.

jQuery is easy to learn.

---

jQuery Hide and Show

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

Example

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

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

Try it Yourself »

---

jQuery Sliding

With jQuery you can create sliding effects on HTML elements:

• slideDown()
• slideUp()
• slideToggle()

Example

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

Try it Yourself »

---

jQuery Animation

Example

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

Try it Yourself »

---

---

jQuery Manipulating CSS

Example

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

Try it Yourself »