Menghapus Class Dengan RemoveClass(); Pada Jquery

Hai teman-teman semuanya, apa kabar? masih semangat belajarnya? pada tutorial sebelumnya kita telah belajar tentang css pada jquery dan fungsi-fungsi lainnya yang ada pada jquery, seperti yang kita ketahui fungsi jquery sangatlah banyak, dan pada tutorial kali ini kita akan belajar bagaimana cara menghapus class dengan menggunakan removeClass(); pada jquery.

Fungsi dari removeclass adalah untuk menghapus class yang telah kita tuliskan sebelumnya pada element html, untuk lebih jelasnya kita langsung saja praktek, teman-teman silahkan buat file dan ketikan script html berikut ini :

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").removeClass("text");
    });
});
</script>
<style>
.text {
    font-size: 120%;
    color: red;
}
</style>
</head>
<body>

<p class="text">Dumet school</p>

<button>klik untuk Menghapus class</button>

</body>
</html>

Saya akan menjelaskan satu per satu, pertama saya membuat sebuah tombol dan paragraf yang saya berikan class text,.

<p class="text">Dumet school</p>

<button>klik untuk Menghapus class</button>

Lalu saya mengatur cssnya seperti berikut ini :

<style>
.text {
    font-size: 120%;
    color: red;
}
</style>

setelah itu saya mereload  library dari jquery secara online,

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

Setelah saya mereload librarynya saya mengetikan script jquery seperti berikut ini :

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").removeClass("text");
    });
});
</script>

Dengan mengetikan script diatas berarti saya membuat fungsi ketika tombol diklik maka class text pada element p akan terhapus,

Gimana teman-teman? sangat mudah bukan? jadi fungsi removeclass pada jquery adalah untuk menghapus class pada element yang telah kita tentukan sebagai selector.

Oke teman-teman? saya kira untuk tutorial kali ini tentang menghapus class dengan menggunakan removeClass(); pada jquery cukup sampai sini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima Kasih.