Operasi atribut jQuery - Metode addClass()

Panduan Efek jQuery

Contoh

Menambahkan class ke elemen p pertama:

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

Coba sendiri

Definisi dan penggunaan

Metode addClass() menambahkan satu atau beberapa class ke elemen yang dipilih.

Metode ini tidak akan menghapus class yang sudah ada, hanya menambahkan satu atau beberapa class property.

Peringatan:Untuk menambahkan beberapa class, gunakan spasi untuk memisahkan nama class.

Sintaks

$.addClass(class)
Parameter Deskripsi
class Diperlukan. Tentukan satu atau beberapa nama class.

Menambahkan class menggunakan fungsi

Menambahkan class ke elemen yang dipilih menggunakan fungsi.

Sintaks

$.addClass(function(index,oldclass))

Coba sendiri

Parameter Deskripsi
function(index,oldclass)

Diperlukan. Tentukan fungsi yang menentukan satu atau beberapa class yang akan ditambahkan.

  • index - Pilihan. Lokasi index pemilih.
  • class - Pilihan. Nama class lama pemilih.

Beberapa contoh lain

Menambahkan dua class ke elemen
Bagaimana menambahkan dua class ke elemen yang dipilih.
Ubah class elemen
Sebagai contoh, untuk menghapus class menggunakan addClass() dan removeClass(), dan menambah class baru.

Panduan Efek jQuery