tutorial pengembangan web terbaru
 

jQuery addClass() Method

<JQuery HTML Metode / CSS

Contoh

Menambahkan nama kelas untuk pertama <p> elemen:

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

Definisi dan Penggunaan

The addClass() metode menambahkan satu atau lebih nama kelas untuk elemen yang dipilih.

Metode ini tidak menghapus atribut kelas yang ada, itu hanya menambah satu atau lebih nama kelas untuk atribut kelas.

Tip: Untuk menambahkan lebih dari satu kelas, memisahkan nama kelas dengan spasi.


Sintaksis

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

Parameter Deskripsi
classname Wajib. Menentukan satu atau lebih nama kelas yang akan ditambahkan
function(index,currentclass) Pilihan. Menentukan fungsi yang mengembalikan satu atau lebih nama kelas yang akan ditambahkan
  • index - Mengembalikan posisi indeks dari elemen dalam himpunan
  • currentclass - Mengembalikan nama kelas saat elemen yang dipilih

Coba Sendiri - Contoh

Tambahkan dua kelas untuk elemen
Bagaimana menambahkan dua nama kelas untuk elemen tertentu.

Menambahkan kelas menggunakan fungsi
Cara menambahkan kelas untuk elemen yang dipilih dengan menggunakan fungsi.

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


<JQuery HTML Metode / CSS