Cara Menggunakan Fungsi click dan clone Pada jQuery
Halo selamat datang kembali di situs tips dan trik Source Code Aplikasi, di kesempatan kali ini kita masih lanjutkan di artikel sebelumnya yang membahas mengenai kegunaan – kegunaan di jQuery. Nah kali ini kita akan belajar mengenai Cara Menggunakan Fungsi click dan clone Pada jQuery dimana kegunaan ini banyak sekali digunakan oleh para designer situs. Bagi kegunaan .click() sendiri di pada jQuery berfungsi bagi klik di mouse, bila di klik karenanya baris program di dalamnya akan di jalankan. Kemudian bagi kegunaan .clone() atau lazimnya kita artikan selaku duplikasi dari yang asli pun ada di pada kegunaan jQuery, berfungsi bagi kloning atau menduplikasi.
Bagus, berikutnya kita implementasikan Cara Menggunakan Fungsi click dan clone Pada jQuery dengan studi case yang sederhana terlebih dahulu. Pastikan teman – teman menyiapkan text editornya, dan ketikkan script html nya sepeti gambar di bawah ini
Save dengan nama index.html, kemudian masukkan css nya bagi membedakan hasilnya nanti
<style><br> p {<br> color: red;<br> margin: 5px;<br> cursor: pointer;<br> }<br> p:hover {<br> background: yellow;<br> }<br> </style>Kalau telah save dan jalankan di browsernya, karenanya hasil sementara seperti gambar di bawah ini
Kalau mouse di arahkan karenanya ada hover background warna kuning, langkah berikutnya kita berikan kegunaan .click() nya, sebelumnya berikan terlebih dahulu library jQuery nya di pada tag head
Kemudian masukkan script jQuery nya di bawah ini
<script><br>$( p ).click(function() {<br> $( this ).css({background:green});<br>});<br></script>Kalau telah save dan refresh di browsernya, bila berhasil karenanya bila di klik di paragraf akan di berikan background berwarna hijau.
Langkah berikutnya kita tambahkan kegunaan .clone(), teman – teman tambahkan tag html
Kemudian tambahkan kegunaan .clone() nya
$( b ).clone().prependTo( p );
Kalau telah save dan refresh, karenanya tag b akan di duplikat dan tampil berada sebelum tag p
Bangaimana, benar-benar gampang bukan..??
Bagus demikian di tips dan trik kali ini mengenai Cara Menggunakan Fungsi click dan clone Pada jQuery kita berjumpa kembali di artikel yang akan datang, gampang – mudahan tips dan trik kali ini bermanfaat bagi teman – teman yang khusus nya baru belajar jQuery dan menjadi tambahan pengetahuannya bagi jQuery nya.
Terimakasih dan Hingga Jumpa.
Sumber https://kursuswebsite.org
