jQuery addClass

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

addClass() berguna menambahkan kelas tertentu ke masing-masing elemen yang dipilih.

metode ini tidak menggantikan kelas. Metode ini hanya menambah kelas, menambahkan ke apapun yang mungkin sudah diberikan ke elemen.

parameter Deskripsi
.addClass( NamaClass ) NamaClass : Satu atau lebih nama kelas yang akan ditambahkan ke atribut class pada suatu elemen.
.addClass( function(index, currentClass) ) fungsi (indeks, currentClass) : Sebuah fungsi yang mengembalikan satu atau lebih nama kelas (dipisahkan oleh spasi) yang akan ditambahkan ke namakelas yang ada. Menerima posisi indeks dari elemen dan nama kelas yang ada sebagai argumen. Dalam fungsi, ini mengacu pada elemen saat ini di set

Lebih dari satu kelas dapat ditambahkan pada suatu waktu, dipisahkan oleh spasi, ke set dari elemen yang cocok, contoh :

$("p").addClass("class_a class_b");

Metode addClass() yang dapat menerima fungsi.

$("ul li:last").addClass(function(index) {
  return "item-" + index;
});

Contoh

<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin: 8px; font-size:16px; }
  .highlight { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Hallo</p>
  <p>Semuanya</p>
<script>
  $("p").addClass("highlight");
</script>
</body>
</html>

Output

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