Jquery Basic (bag 2)

post by : syazili, on October 24th, 2012

Menambah dan Menghapus Class pada tag HTML

Pertama sekali tambahkan CSS style di dalam tag <head>

 <style>
    a.test { font-weight: bold; }
 </style>

Selanjutnya tambahkan kode jquery berikut ini didalam script, dan jangan lupa untuk menambahkan kode berikut ini ke dalam document.ready

  $("a").addClass("test");

Seluruh elemen akan di bold (tebal)

Untuk menghapus kelas, gunakan removeClass

 $("a").removeClass("test");

Special Effects

Untuk menambahkan effect, silahkan ubah latihan yang sudah kita buat seperti :

 $("a").click(function(event){
   event.preventDefault();
   $(this).hide("slow");
 });

Potongan kode diatas akan membuat semua tag  ‘<a>’  yang diklik memiliki effect menghilang secara perlahan.

 

Leave a Reply