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.