Blog

Home   /   blog   /   Belajar JQuery

Belajar JQuery

Apa itu jQuery?

jQuery adalah libaray JavaScript yang cepat dan ringkas diciptakan oleh John Resig pada tahun 2006 dengan motto − Write less, do more.

jQuery menyederhanakan HTML dokumen dalam melakukan traversing, penanganan event, animasi, dan interaksi Ajax untuk pengembangan web yang cepat.

jQuery adalah toolkit JavaScript yang dirancang untuk menyederhanakan berbagai tugas dengan menulis sedikit kode.

Berikut adalah daftar fitur utamanya didukung oleh jQuery –

  • Manipulasi DOM – JQuery membuat mudah untuk memilih elemen DOM , traversing mereka dan memodifikasi konten dengan menggunakan cross-browser engine selectore open source yang disebut Sizzle .
  • Event Handling – JQuery menawarkan cara yang elegan untuk memilih berbagai event , seperti mengklik link
  • AJAX Support – JQuery membantu Anda untuk mengembangkan situs responsif dan kaya fitur menggunakan teknologi AJAX .
  • Animasi – jQuery datang dengan banyak built -in efek animasi yang dapat Anda gunakan dalam website Anda .
  • Ringan – jQuery adalah perpustakaan yang sangat ringan – sekitar 19KB dalam ukuran ( minified dan gzip ) .
  • Cross Browser Dukungan – JQuery memiliki dukungan cross-browser , dan bekerja dengan baik di IE 6.0+ , FF 2.0+ , Safari 3.0+ , Chrome dan Opera 9.0+
  • Teknologi Terbaru – jQuery mendukung selector CSS3 dan sintaks XPath dasar .

 

Bagaimana Menggunakan  jQuery?

Ada dua cara untuk menggunakan jQuery.

  • Local Installation − Anda dapat men-download jQuery perpustakaan pada komputer lokal Anda dan memasukkannya dalam kode HTML Anda .
  • CDN Based Version − Anda dapat menyertakan pustaka jQuery ke dalam kode HTML Anda langsung dari Content Delivery Network ( CDN ) .

Local Based

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
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title>Contoh JQuery</title>
<script type = "text/javascript" src = "/jquery/jquery-2.1.3.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
document.write("Hello, World!");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
CDN Based
<html>
<head>
<title>Contoh JQuery</title>
<script type = "text/javascript"
<script type = "text/javascript">
$(document).ready(function(){
document.write("Hello, World!");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>

Leave a Reply

Your email address will not be published.