Pada postingan kali ini saya akan membahas tentang pengertian jQuery. Apa itu jQuery? Mungkin sebagian dari kalian sudah pernah mendengar atau tidak asing lagi dengan bahasa pemrograman yang satu ini. Nah pada kesempatan kali ini saya akan memberikan sedikit penjelasan. Semoga apa yang saya sampaikan bisa bermanfaat bagi kita semua, dan apabila ada kekurangan atau kesalahan dari tulisan ini mohon kritikannya agar tulisan ini menjadi lebih sempurna. Baiklah berikut ini penjelasannya:
Pengertian jQuery
jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak.
jQuery ukuran nya cukup kecil, sehingga tidak memperlambat proses loading halaman web yang kita buat. jQuery juga kompatibel dengan CSS3 dan yang tak kalah penting adalah jQuery bisa berjalan di semua browser – cross browser.
jQuery diluncurkan pada Januari 2006 oleh John Resig. jQuery adalah library Javascript yang paling populer saat ini. Karena kecanggihan nya, jQuery dipakai oleh perusahaan besar seperti Google. Dell, CBS, digg, Netflix, Bank of America, Mozilla, Drupal, dsb.
jQuery adalah library Javascript yang gratis dan open source. Oleh karena nya kita bisa menggunakan jQuery dengan bebas untuk keperluan pengembangan website kita. Tanpa library seperti jQuery, menerapkan Javascript mungkin akan lebih sulit, terutama untuk pemula yang baru belajar Javascript. Plugin tambahan seperti JQuery UI (user interface) semakin memudahkan kita mengembangkan website yang cantik dan interaktif. Selain itu tersedia plugin-plugin lain yang makin memperkaya kemampuan jQuery.
Panduan dan demo jQuery bisa dilihat dihalaman resmi jQuery yaitu di jQuery.com dan library untuk user interface bisa di pelajari dan di download di jQueryUI
Contoh program jQuery:
Contoh kode jQuery
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color:#bca;
width:100px;
border:1px solid green;
}
</style>
//-- Muat library jQuery versi terakhir
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="go">» Demo</button>
<div id="block">Halo!</div>
<script>
$("#go").click(function(){
$("#block").animate({
width: "70%",
opacity: 0.4,
marginLeft: "0.6in",
fontSize: "3em",
borderWidth: "10px"
}, 1500 );
});
</script>
</body>
</html>
|
0 komentar:
Posting Komentar