http://jQuery.com/download adresinden kullandığınız işletim sistemine uygun olan (Windows, Linux, Mac OS vb) bir sürümünü indiriniz. Bu andan itibaren jQuery kütüphanelerini HTML5 kodu içinde kullanabilirsiniz.
jQuery kütüphanesi, tek bir JavaScript dosyasıdır ve bu dosyaya <script> tagı ile aşağıdaki gibi referans verebilirsiniz:
jQuery CDN
jQuery'yi bilgisayarınıza indirmek istemiyorsanız onu CDN (Content Delivery Network) yoluyla da kullanabilirsiniz. Hem Microsoft hem de Google, jQuery için host (barındırma) hizmeti verdiklerinden onların sitelerinden faydalanabilirsiniz:
jQuery'ye CDN ile erişim için örnek HTML programı
Yukarıdaki kodu tarayıcınızda çalıştırdığınızda, ekran çıktısı aşağıdaki gibi olacaktır.

Tıkla düğmesine bastıktan sonra ise, görüntü aşağıdaki gibi değişecektir.

jQuery kütüphanesi, tek bir JavaScript dosyasıdır ve bu dosyaya <script> tagı ile aşağıdaki gibi referans verebilirsiniz:
Kod:
<head>
<script src="jQuery-1.10.1.min.js"></script>
</head>jQuery CDN
jQuery'yi bilgisayarınıza indirmek istemiyorsanız onu CDN (Content Delivery Network) yoluyla da kullanabilirsiniz. Hem Microsoft hem de Google, jQuery için host (barındırma) hizmeti verdiklerinden onların sitelerinden faydalanabilirsiniz:
- Google CDN:
Kod:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jQuery/1.11.1/jQuery.min.js"></script>
</head>- Microsoft CDN:
Kod:
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jQuery-1.11.1.min.js"></script>
</head>jQuery'ye CDN ile erişim için örnek HTML programı
Kod:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#buton").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>CDN ILE ERISIM</h2>
<p>Geleceği Yazanlar</p>
<p>Tıklarsan kaybolur</p>
<button id="buton">TIKLA</button>
</body>
</html>
Tıkla düğmesine bastıktan sonra ise, görüntü aşağıdaki gibi değişecektir.

)

