Di Posting Oleh : Wandi febriandi
Kategori : Pelajaran Pemprograman web
Selamat datang kawan kawan di blog saya yang sederhana ini . Sebelumnya saya mau tanya , bagaimana kabarnya kawan ? mudah mudahan sehat , amin . Di artikel sebelumnya saya telah berbagi mengenai bahasa c , tentang membuat program konversi suhu , mau tau scriptnya kayak apa ?kayak gimana ? baca sini . Di artikel sebelumnya juga saya telah berbagi mengenai tips css , yaitu cara membuat overlay tanpa javascript , mau tau apa itu overlay dan cara membuatnya ? kalo mau mari baca sini kalo gak mau sama baca juga ( maksa ) .
Oke lanjut kalo sebelumnya saya berbagi bahasa c dan css , sekarang saya akan berbagi mengenai cara menggunakan libarynya javascript yaitu jquery . Kalo belum tau apa itu jquery ? mari baca sini , harus baca dulu ya , kenapa bray ? karena “ tak kenal maka kenalan , kalo udah kenal pasti suka , kalo udah suka pasti belajarnya mudah ” . Oke lanjut lagi kalo kalian sekarang sudah tau apa itu jquery ? sekarang kita akan lanjut membahas cara menggunakan jquery . Sebelum kalian mulai belajar jquery , kalian download dulu jquery di jquery.com agar bisa di pakai offline . Oke kalo lanjut pertama kita panggil dulu jquerynya .
Dengan
<script src=”tempat nyimpen jquerynya dimana”></script>
Contoh
<script src="jquery.js"></script>
Oke kalo kita udah manggil jquerynya tinggal kita gunakan fungsi fungsi yang ada di jquery . Caranya gimana bray ? oke lanjut ke contohnya .
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$("#berubah").animate({width:"100%"},1000);
});
});
</script>
<p>Klik ini</p>
<div id="berubah"style="width:50%;height:40px;background-color:rgb(0,255,0);"></div>
Oke kalo kalian sudah buat ini , lalu kalian lihat apa yang terjadi ? begitu kita klik maka akan berubah ukurannya selama satu detik . Oke jadi untuk menggunakan jquery dengan
$(selectornya).action()
- Tanda dollar , untuk mendefinisikan jquery
- (selector),untuk menunjukkan elemen yang dipilih atau dituju , seperti kalo di sana ada tag p dan yang mempunyai id berubah .
- Action(), adalah jquery action yang akan dilakukan terhadap elemen yang dipilih . jadi kalo kita baca scriptnya gini . jika tag p di click maka yang punya id berubah akan membuat animasi lebarnya jadi 100% selama 1 detik .
Gimana kawan kawan mudah bukan menggunakan jquery itu , gak susahkan kalo kita senang belajar jquery . Oke saya akan memberi contoh satu lagi , kali ini contohnya adalah membandingkan javascript murni dengan jquey .
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
document.getElementById('berubah').innerHTML = 'ini adalah javascript';
});
});
</script>
<p>Klik ini</p>
<div id="berubah"style="width:50%;height:40px;background-color:rgb(0,255,0);"></div>
Ya terlihatkan perbedaannya kan kalo kita menggunakan jquery .
Kalo di javascript murni
document.getElementById(‘berubah’)
Dengan jquery cukup
$(“berubah”)
Tapi jangan terlalu mengandalkan jquery , karena jquery juga pasti punya kelebihan dan juga kelemahan . Oke kali kalian paham cara menggunakan jquery saya akhiri saja sampai disini kalo kalian paham . Jadi semoga bermanfaat dan menambah ilmu tentang cara menggunakan jquery . Jangan lupa like fans page kami dan bantu share artikel ini . Sampai jumpa di artikel yang lainnya tentunya yang lebih menarik dan juga lebih bermanfaat . Terimakasih telah berkenan membaca artikel ini .
Pesan saya , anggap pelajaran adalah permainan yang kita senangi , jika kita anggap pelajaran adalah permainan yang kita senangi pasti kita akan senang dan terus belajarnya .
No comments:
Post a Comment