Belajar JQuery itu menyenangkan

jQuery merupakan jenis baru dari Library JavaScript.
jQuery cepat dan ringkas yang menyederhanakan Library JavaScript  melintasi dokumen HTML, penanganan event, animasi, dan interaksi Ajax untuk pengembangan Web yang cepat. jQuery dirancang untuk mengubah cara kamu menulis JavaScript.

jQuery dengan slogan write less do more memang terbukti, dengan saking banyaknya library yang sudah tersedia yang kapan saja bisa kita panggil.
Ada tujuh (7) library utama jQuery yang diantaranya : 

1. Core 
Core  : Inti dari jQuery, sebelum mempelajari library yang lain dari jQuery kamu harus paham dulu library core ini, ini sangat penting.
contohnya :
- Mencari semua input radio dalam form pertama dalam halaman

   $("input:radio", document.forms[0]) 

- mengubah background color halaman jadi hitam.

  $(document.body).background( "black" );

- menyembunyikan semua elemen form

 $( myForm.elements ).hide()

2. DOM

  atau Data Object Manipulation
  contoh :
          $("input").val();
  HTML:
        
  Hasil:
         "isian_teks"

3. CSS

    contoh : Set warna dan background untuk semua elemen p.
        $("p").css({ color: "red", background: "blue" });

4. Javascript

    contoh : Gabungan dua array, menghapus duplikat 2
       $.merge( [0,1,2], [2,3,4] )
    Hasil :
       [0,1,2,3,4] 

5. Events

    contoh : onclick()

       $("p").click( function() { alert("Hello"); } );

     Kode HTML :

          Hello
 

     Terjadi disaat teks Hello diclick maka akan muncul alert popup "Hello"      

 

6. Effects

    contoh : $("p").slideDown("slow");
    untuk membuat animasi slide pada elemen p

7. Ajax

    contoh :
- request GET

$.get("kirim.php",{ nama: "Khayat", alamat: "majenang" },
function(data){
   $("#divRespon").html(data);
}
);

penjelasan : Mengirim request bertype GET ke file kirim.php dan membawa parameter nama dan alamat,  selanjutnya setelah ada response ajax ditampilkan pada innerHTML elemen yang punya ID 'divRespon' 
- request POST
        dataString = $("#contactForm").serialize();
        $.ajax({
        type: "POST",
        url: "kirim.php",
        data: dataString,
        dataType : "html",
        success: function(data) {
             $("#divRespon").html(data);            
        }
        });
        return false;
mengirim isi dari form yang id="contactForm" ke file kirim.php dan response ditampilkan pada innerHTML elemen yang punya ID 'divRespon'
Asyik kan..., jQuery  write less do more ... kayak iklan rokok yah ....
Penjelasan diatas hanya sebagian kecil aja, lebih lengkapnya kita lanjutkan pada lain kesempatan, OK