Cara Menambahkan Class Menggunakan Fungsi addClass() jQuery

Banyak yang akan membencimu, menilaimu, menggoyahkan bahkan menghancurkanmu. Seberapa kuat kau tegar akan membuktikan siapa dirimu yang sebenarnya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Menambahkan Class Menggunakan Fungsi addClass() jQuery.

Fungsi addClass() ini berfungsi untuk menambahkan atribut class pada sebuah tag/element. Metode ini pun tidak menghapus atribut kelas yang ada. Itu hanya menambah satu atau lebih nama kelas untuk atribut kelas.
Langsung saja kita praktekan teman-teman. Berikut Cara Menambahkan Class Menggunakan Fungsi addClass() jQuery.

AddClass() mempunyai struktur sebagai berikut:

$(selector).addClass(namaclass,function(index,classlama))

Oke seperti biasa, siapkan pertama terlebih dahulu file index.html nya.

Kemudian, isi di bagian <head> library jquery nya.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Setelah itu, isi di bagian <body> tag-tag di bawah ini.

<body>

<h1>Selamat Datang!</h1>

<p>Ini adalah paragraph.</p>
<p>Ini adalah paragraph lagi.</p>

<button>klik disini untuk menambahkan class</button>

</body>

Dan yang terakhir, isi di bagian <head> script addclass() nya.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p:first").addClass("intro");
    });
});
</script>

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Menambahkan Class Menggunakan Fungsi addClass() jQuery.

Semoga bermanfaat, terima kasih

Cara Menambahkan Class Menggunakan Fungsi addClass() jQuery

Kategori