Cara mengunakan jquery
Di Posting Oleh : wandi
Kategori : javascript Pelajaran Pemprograman web
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 .
Mau liat atau download source code aplikasi premium bisa disini.
0 Komentar