Assalamualaikum wr wb teman-teman semuanya, Dewasa ini dunia desain adalah menjadi suatu yang sangat penting terutama didunia website, perkembangan desain pada saat ini sangatlah berkembang pesat, para developer membuat website dengan desain yang bisa dibilang luar biasa.

Ada banyak cara untuk membuat desain website yang kita hasilkan menjadi sangatlah menarik, salah satunya dengan menggunakan jquery, jquery adalah salah satu liblary pendukung berdasarkan pemograman javascript dimana dengan menggunakan jquery ini kita dapat membuat, memanipulasi, menghapus serta membuat animasi yang tidak dapat kita buat ketika kita menggunakan dengan hanya css saja.

Dan pada kesempatan ini saya akan mengajarkan bagaimana memanipulasi style suatu element ketika menekan tombol dengan jquery,
untuk pertama teman-teman silahkan buat sebuah file html dan ketikan script berikut ini :

Penjelasan dari script diatas adalah saya membuat sebuah element p serta 2 tombol yang saya berikan masing masing id, lalu saya mengatur sebuah class di bagian cssnya, dimana class ini akan memberikan style pada element p yang kita buat ketika kita menekan tombol tersebut, oke sekarang silahkan teman-teman tambahkan pemanggilan liblary dari jquery seperti berikut ini :

saya memanggil liblary tersebut secara online, jika sudah teman-teman silahkan buat script javascript berikut ini:

Script diatas saya membuat 2 buah event click dimana ketika tombol tertentu diklik saya memberikan class dengan fungsi addClass, maka jika tombol tebal diklik hasilnya akan seperti berikut ini :

memanipulasi style suatu element ketika menekan tombol dengan jquery img1

dan jika tombol miring yang diklik maka hasilnya akan seperti berikut ini :

memanipulasi style suatu element ketika menekan tombol dengan jquery img2

dan jika kedua tombol tersebut kita klik maka hasilnya akan seperti berikut ini :

memanipulasi style suatu element ketika menekan tombol dengan jquery img3

Gimana teman-teman? cukup mudah bukan? dengan menggunakan jquery kita dapat memanipulasi style suatu element, untuk tutorial kali ini tentang memanipulasi style suatu element ketika menekan tombol dengan jquery cukup sampai sini dulu, semoga tutorial yang singkat kali ini bermanfaat untuk teman-teman semuanya,

Terimakasih.