Apa itu jQuery?


jQuery

jQuery adalah perpustakaan JavaScript.

jQuery sangat menyederhanakan pemrograman JavaScript.

jQuery mudah dipelajari.


jQuery Sembunyikan dan Tampilkan

Dengan jQuery, Anda dapat menyembunyikan dan menampilkan elemen HTML dengan metode hide() dan show():

Contoh

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

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

jQuery Geser

Dengan jQuery Anda dapat membuat efek geser pada elemen HTML:

  • meluncur ke bawah()
  • geser Atas ()
  • geserToggle()

Contoh

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

Animasi jQuery

Contoh

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


jQuery Memanipulasi CSS

Contoh

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