Pengenalan jQuery

Perpustakaan / libarari jQuery dapat ditambahkan ke halaman web dengan satu baris markup.



Apa yang sebelumnya harus anda ketahui? 

Sebelum anda mulai belajar jQuery, Anda harus memiliki pengetahuan dasar tentang: 

  • HTML 
  • CSS 
  • JavaScript 


Apa itu jQuery? 

  • jQuery adalah library Fungsi JavaScript. 
  • jQuery ringan "sedikit kode, dan berbuat lebih banyak" library JavaScript. 

Perpustakaan jQuery berisi beberapa fitur berikut: 

  • Pilihan elemen HTML 
  • Manipulasi elemen HTML 
  • manipulasi CSS 
  • Fungsi event HTML 
  • JavaScript Efek dan animasi 
  • HTML DOM traversal dan modifikasi 
  • AJAX 
  • Utillity


Menambahkan Perpustakaan jQuery ke Halaman Anda 

Perpustakaan jQuery disimpan file JavaScript tunggal, yang berisi semua fungsi jQuery. Hal ini dapat ditambahkan ke halaman web dengan mengikuti sintak mark-up:


<head>
<script type="text/javascript" src="jquery.js"></script>
</head>



Contoh Dasar

Contoh berikut menunjukkan jQuery fungsi hide(), menyembunyikan semua elemen <p> dalam dokumen HTML.


<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>Ini adalah sebuah heading</h2>
<p>Ini adalah sebuah paragraph.</p>
<p>Paragraph lainnya.</p>
<button>Klik saya</button>
</body>
</html>



Donwload jQuery

Dua versi dari jQuery tersedia untuk didownload: satu minified dan satu terkompresi (untuk debugging atau membaca). Kedua versi dapat didownload dari jQuery.com.


Load jQuery Librari CDN

google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>

microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js"></script>
</head>
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda