jQuery addClass() Metode

Metode HTML/CSS jQuery

Contoh

Tambahkan nama kelas ke elemen <p> pertama:

$("button").click(function(){
  $("p:first").addClass("intro");
});

Definisi dan Penggunaan

Metode addClass() menambahkan satu atau lebih nama kelas ke elemen yang dipilih.

Metode ini tidak menghapus atribut kelas yang ada, hanya menambahkan satu atau lebih nama kelas ke atribut kelas.

Tips: Untuk menambahkan lebih dari satu kelas, pisahkan nama kelas dengan spasi.


Sintaksis

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Cobalah Sendiri - Contoh


Bagaimana menambahkan dua nama kelas ke elemen tertentu.


Bagaimana menambahkan kelas ke elemen yang dipilih menggunakan fungsi.


Cara menggunakan addClass() dan removeClass() untuk menghapus satu nama kelas, dan menambahkan nama kelas baru.


Metode HTML/CSS jQuery