Web Programlama

Web Programlama

DERS PROGRAMI
Web Programlama 302 Ders Programı
Sınava Gir

jQuery'nin İnternet'ten İndirilmesi

Lisans: Creative Commons 26.11.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

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:

<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:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jQuery/1.11.1/jQuery.min.js"></script>
</head>

 

  • Microsoft CDN:
<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ı

<!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>

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.

Sınava Gir