logo

jQuery Örneği

jQuery Google tarafından geliştirilmiştir. İlk jQuery örneğini oluşturmak için jQuery için JavaScript dosyasını kullanmanız gerekir. JQuery dosyasını jquery.com adresinden indirebilir veya jQuery dosyasının mutlak URL'sini kullanabilirsiniz.

Bu jQuery örneğinde, jQuery dosyasının mutlak URL'sini kullanıyoruz. JQuery örneği script etiketinin içine yazılmıştır.

Basit bir jQuery örneğini görelim.

Dosya: ilkjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Şimdi Test Edin

Çıktı:

İlk paragraf seçilir.

İkinci paragraf seçilir.

Üçüncü paragraf seçilir.

$(document).ready() ve $()

$(document).ready() arasına eklenen kod, sayfa JavaScript kodunun yürütülmesine hazır olduğunda yalnızca bir kez yürütülür.

java'da bir haritayı yinelemek

$(document).ready() yerine yalnızca $() kısayol gösterimini kullanabilirsiniz.

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Yukarıdaki kod bu koda eşdeğerdir.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

$() kısayol gösterimini kullanarak jQuery'nin tam örneğini görelim.

Dosya: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Şimdi Test Edin

Çıktı:

İlk paragraf seçilir.

İkinci paragraf seçilir.

Üçüncü paragraf seçilir.

Linux'ta komut dokunuşu

function() { $('p').css('arka plan rengi', 'camgöbeği'); }

Herkesin arka plan rengini değiştirir

etiket veya paragrafı camgöbeğine dönüştürün.