Selamat datang pada tips dan trik Dumet School, berjumpa kembali dengan saya di artikel kali ini yang akan membahas tentang Cara Menggunakan Fungsi css Pada jQuery tentu teman – teman tahu apa itu css dan apa itu jQuery. CSS biasa kita gunakan untuk membuat atau memanipulasi sebuah layout website tentunya dengan struktur html, css tidak akan lepas dari html karena memang keduanya ini selalu berjalan bersamaan untuk tujuan yang sama yaitu membuat sebuah layout website. Kemudian jQuery adalah merupakan sebuah framework library Javascript yang menekankan bagaimana interaksi antara Javascript dan html, untuk mempelajari jQuery tentunya teman – teman harus mempelajari dasar – dasar Javascript terlebih dahulu. Karena di dalam jQuery terdapat kumpulan – kumpulan Javascript yang dapat kita gunakan, mengenai judul artikel kali ini yaitu css di dalam jQuery. Pertanyaannya, apakah css dapat bekerja di dalam jQuery..??
Jawaban adalah yaa…
Karena di dalam jQuery ada sebuah fungsi untuk css yang dapat di letakkan di dalamnya, .css() adalah yang di sediakan oleh jQuery untuk memanipulasi sebuah html meskipun css tersebut di letakkan di dalam jQuery. Baik kali ini kita akan mencoba implementasikan bersama- sama Cara Menggunakan Fungsi css Pada jQuery teman – teman siapkan text editornya dan ketikkan script htmlnya seperti gambar di bawah ini
Kemudian save dan jalankan pada browsernya, maka hasilnya seperti gambar di bawah ini
Langkah berikutnya kita berikan fungsi .css() sebelumnya load terlebih dahulu library jQuery nya
Baru kita berikan script jQuery nya di bawah ini
<script>
$(document).ready(function(){
$("button").click(function(){
$("h3").css({"background-color": "orange", "font-size": "200%", "padding": "20", "display":"inline"});
});
});
</script>
Jika sudah,save dan jalankan pada browser nya lalu klik tombol klik
Maka css akan di jalankan oleh jQuery untuk tag html yang di tentukan, di kasus kali ini css di peruntukkan tag h3 maka yang akan di atur hanyalah tag h3 dan jika di klik paragraf di dalam h3 akan berubah
Untuk pengetikkan css di dalam jQuery memang harus seperti ini
Bagaimana, simple dan mudah bukan.
Baik, mungkin cukup sekian pada artikel kali ini tentang Cara Menggunakan Fungsi css Pada jQuery kita berjumpa kembali pada artikel yang akan datang. Semoga bermanfaat untuk teman – teman khususnya yang saat ini sedang belajar dasar fungsi – fungsi pad jQuery.
Terimakasih dan Sampai Jumpa.