Pengenalan jQuery

♠ Posted by Unknown at 19.30

jQuery



     jQuery adalah Perpustakaan JavaScript. jQuery sangat menyederhanakan pemrograman JavaScript. jQuery mudah dipelajari. Tujuan dari jQuery adalah untuk membuatnya lebih mudah untuk menggunakan JavaScript di situs web Anda.

Sebelum Anda mulai belajar jQuery, Anda harus memiliki pengetahuan dasar tentang:
  • HTML
  • CSS
  • JavaScript
      jQuery membutuhkan banyak tugas umum yang membutuhkan banyak baris kode JavaScript untuk mencapai, dan membungkus mereka ke metode yang dapat Anda hubungi dengan satu baris kode. jQuery juga menyederhanakan banyak hal-hal yang rumit dari JavaScript, seperti AJAX panggilan dan manipulasi DOM.

JQuery perpustakaan berisi beberapa fitur berikut:
  • HTML / manipulasi DOM
  • manipulasi CSS
  • metode event HTML
  • Efek dan animasi
  • AJAX
  • keperluan
Banyak perusahaan terbesar di Web menggunakan jQuery, seperti:
  • Google
  • Microsoft
  • IBM
  • Netflix
Menambahkan jQuery untuk Halaman Web Anda

Ada beberapa cara untuk mulai menggunakan jQuery di situs web Anda. Kamu bisa:
  • Download perpustakaan jQuery dari jQuery.com
  • Sertakan jQuery dari CDN, seperti Google
Download jQuery

Ada dua versi jQuery tersedia untuk di-download:
  • Production version (versi produksi) - ini adalah untuk situs hidup Anda karena telah minified dan dikompresi
  • Development version (versi pengembangan) - ini adalah untuk pengujian dan pengembangan (kode terkompresi dan dapat dibaca)
Kedua versi dapat didownload dari jQuery.com.  

JQuery perpustakaan adalah file JavaScript tunggal, dan Anda referensi dengan HTML <script> tag (pemberitahuan bahwa <script> tag harus berada di dalam <head>): 


Tips : Tempatkan file yang didownload dalam direktori yang sama seperti halaman di mana Anda ingin menggunakannya.

Apakah Anda bertanya-tanya mengapa kita tidak memiliki type = "text / javascript" dalam <script> tag?
Hal ini tidak diperlukan dalam HTML5. JavaScript adalah bahasa scripting default pada HTML5 dan di semua browser modern.

jQuery CDN

      Jika Anda tidak ingin men-download dan meng-host jQuery sendiri, Anda dapat memasukkannya dari CDN (Content Delivery Network). Google dan Microsoft tuan jQuery.

Untuk menggunakan jQuery dari Google atau Microsoft, menggunakan salah satu dari berikut:



Salah satu keuntungan besar dari menggunakan jQuery host dari Google atau Microsoft:
Banyak pengguna sudah diunduh jQuery dari Google atau Microsoft ketika mengunjungi situs lain. Akibatnya, hal itu akan dimuat dari cache ketika mereka mengunjungi situs Anda, yang mengarah ke waktu loading lebih cepat. Juga, kebanyakan CD akan memastikan bahwa sekali pengguna meminta file dari itu, itu akan disajikan dari server terdekat mereka, yang juga mengarah ke waktu loading lebih cepat. 

jQuery Syntax (jQuery Sintaks)

Sintaks jQuery dibuat khusus untuk memilih elemen HTML dan melakukan beberapa tindakan pada elemen (s).

Basic syntax is: $(selector).action()
  • A $ sign to define/access jQuery => A $ tanda untuk menentukan / akses 
  • jQuery  A (selector) to "query (or find)" HTML elements  => A (pemilih) untuk "query (atau menemukan)" elemen HTML
  • A jQuery action() to be performed on the element(s) =>  Sebuah tindakan jQuery () yang akan dilakukan pada elemen (s)
contoh:
  • $(this).hide() - menyembunyikan elemen saat ini
  • $("p").hide() - Menyembunyikan semua elemen <p>
  • $(".test").hide() - Menyembunyikan semua elemen dengan class = "test"
  • $("#test").hide() - Menyembunyikan elemen dengan id = "test"  
 jQuery menggunakan sintaks CSS untuk memilih elemen.


Sumber : http://www.w3schools.com/

 

0 komentar:

Posting Komentar