jQuery Tanıtımı

jQuery kütüphanesi, web sayfasına basit bir işaret ile eklenabilir.

jQuery kütüphanesi - Özellikler

jQuery, bir JavaScript fonksiyon kütüphanesidir.

jQuery kütüphanesi aşağıdaki özellikleri içerir:

  • HTML element seçimi
  • HTML element işlemleri
  • CSS işlemleri
  • HTML olay işlevleri
  • JavaScript etkileşim ve animasyon
  • HTML DOM gezinme ve değiştirme
  • AJAX
  • Çalışma Araçları

jQuery kütüphanesini sayfanıza ekleyin

jQuery kütüphanesi, tüm jQuery işlevlerini içeren bir JavaScript dosyasında bulunur.

jQuery'yi web sayfanıza aşağıdaki etiketlerle ekleyebilirsiniz:

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

Lütfen, <script> etiketi sayfanın <head> bölümünde yer almalıdır.

Temel jQuery örnekleri

Aşağıdaki örnek, jQuery'nin hide() fonksiyonunu gösterir, HTML belgesindeki tüm <p> elementlerini gizler.

Örnek

<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>Bu bir başlık</h2>
<p>Bu bir paragraf.</p>
<p>Bu başka bir paragraf.</p>
<button type="button">Bana tıkla</button>
</body>
</html>

Kişisel olarak deneyin

jQuery indir

İki jQuery sürümü indirilebilir: biri sıkıştırılmış, diğeri sıkıştırılmamış (hata ayıklama veya okumak için).

Bu iki sürüm jQuery.com İndir.

Kütüphanenin alternatifi

Google ve Microsoft, jQuery'ye çok iyi destek verir.

jQuery kütüphanesini kendi bilgisayarınızda saklamak istemiyorsanız, Google veya Microsoft'tan CDN jQuery çekirdek dosyalarını yükleyebilirsiniz.

Google'un CDN'yi kullanın

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

Microsoft'un CDN'yi kullanın

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>