Turkcell | Geleceği Yazanlar

302: JQueryBaşlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

jQuery'nin İnternet'ten İndirilmesi

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web-programlama

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.