Cara Menggunakan Fungsi css Pada jQuery
Selamat datang di tips dan trik Source Code Aplikasi, berjumpa kembali dengan saya di artikel kali ini yang akan membahas mengenai Cara Menggunakan Fungsi css Pada jQuery tentu teman – teman tahu apa itu css dan apa itu jQuery. CSS lazimnya kita gunakan bagi merancang atau memanipulasi sebuah layout situs pastinya dengan struktur html, css tak akan lepas dari html karena memang keduanya ini selalu berjalan bersamaan bagi tujuan yang sama yaitu merancang sebuah layout situs. Kemudian jQuery yakni adalah sebuah framework library Javascript yang menekankan bagaimana interaksi antara Javascript dan html, bagi mempelajari jQuery pastinya teman – teman mesti mempelajari basic – basic Javascript terlebih dahulu. Karena di pada jQuery terdapat kumpulan – kumpulan Javascript yang dapat kita gunakan, mengenai judul artikel kali ini yaitu css di pada jQuery. Pertanyaannya, apakah css dapat bekerja di pada jQuery..??
Jawaban yakni yaa…
Karena di pada jQuery ada sebuah guna bagi css yang dapat di letakkan di dalamnya, .css() yakni yang di sediakan oleh jQuery bagi memanipulasi sebuah html meskipun css tersebut di letakkan di pada jQuery. Bagus 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 di browsernya, karenanya hasilnya seperti gambar di bawah ini
Langkah berikutnya kita berikan guna .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>
Sekiranya telah,save dan jalankan di browser nya lalu klik tombol klik
Karenanya css akan di jalankan oleh jQuery bagi tag html yang di tentukan, di kasus kali ini css di peruntukkan tag h3 karenanya yang akan di atur hanyalah tag h3 dan bila di klik paragraf di pada h3 akan berubah
Bagi pengetikkan css di pada jQuery memang mesti seperti ini
Bagaimana, simple dan gampang bukan.
Bagus, mungkin lumayan sekianlah di artikel kali ini mengenai Cara Menggunakan Fungsi css Pada jQuery kita berjumpa kembali di artikel yang akan datang. Semoga bermanfaat bagi teman – teman khususnya yang dikala ini sedang belajar basic guna – guna pad jQuery.
Terimakasih dan Hingga Jumpa.
Sumber https://kursuswebsite.org
