Co je jQuery?


jQuery

jQuery je JavaScriptová knihovna.

jQuery výrazně zjednodušuje programování JavaScriptu.

jQuery je snadné se naučit.


jQuery skrýt a zobrazit

Pomocí jQuery můžete skrýt a zobrazit prvky HTML pomocí metod hide() a show():

Příklad

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

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

Posuvné jQuery

Pomocí jQuery můžete vytvářet posuvné efekty na prvcích HTML:

  • sklouznout dolů()
  • slideUp ()
  • slideToggle ()

Příklad

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

animace jQuery

Příklad

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


jQuery Manipulační CSS

Příklad

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