jQuery removeClass

alfa6661
- July 14, 2012
0 (0 votes)
Rate :
Menghapus attribut class pada elemen html menggunakan jquery

removeClass() Adalah metode jQuery yang digunakan untuk menghapus class dalam CSS.

Syntax

$("selector").removeClass("nama_class");

Keterangan:

  1. selector adalah selector dari CSS
  2. nama_class adalah nama class yang akan kamu hapus

Contoh

Disini misalkan kita akan menghapus class underline yang perintah dari class tersebut akan memberi garis bawah pada text dengan elemen p

<!DOCTYPE html>
<html>
<head>
  <style>
      p { margin: 4px; font-size:16px; font-weight:bolder; }
      .underline { text-decoration:underline; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p class="underline">Hello</p>
<script>
    $("p").removeClass("underline");
</script>
</body>
</html>

Sebelum menggunakan removeClass, kode html di atas akan menghasilkan tulisan "Hello" , perintah $("p").removeClass("underline"); akan menghilangkan / menghapus class underline pada tag p, Sehingga ouput dari html di atas akan menghasilkan Hello tanpa garis bawah

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article