jQuery Nedir ? ve jQuery’e Giriş

Değerli dostlarım merhabalar, bu dersimizde jQuery‘e giriş yapıyoruz. jQuery,  HTML dokümanların yönetiminde, animasyonların oluşturulmasında, etkileşimli Web sayfaların hazırlanmasında kullanılan daha az kod ile daha efektif, hızlı ve daha çok işlerin yapılmasını Web etkileşimi sağlayan JavaScript kütüphanesidir.

Jquery JavaScript kullanımını hızlandırmak ve kolaylaştırmak amaçlı kullanılmaktadır. Günümüzde kullandığımız sitelerin büyük bir çoğunluğunda kullanılmaktadır ve en çok kullanılan javascript kütüphanesidir.

jQuery İndirilmesi

jQuery JavaScript dosyasını jquery.com’dan direkt olarak indirip projenize dahil edebilirsiniz.Dosya indirmeden web sayfamıza dahil etmek isterseniz aşağıdaki kodu head etiketleri arasına yazmanız yeterlidir.

<head>
    <script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
</head>

 jQuery Yazım Şekli

Temel söz dizimi : $ ( seçici ). işlem ()

  •  $ işareti / erişim jQuery’i tanımlamak için
  •  HTML Etiketi seçmek için
  •  aksiyon () eleman üzerinde yapılması istenen işler
  • $ (This) .hide () – Geçerli elementi gizler.
  • $ ( “P”) gizlemek () -. Bütün <p> elemanlarını gizler.
  • $ ( “Test “) gizlemek () -. Class =” test” ile tüm öğeleri gizler.
  • $ ( “# Test”) gizlemek () -. Id = “test” ile elementi gizler.
$(document).ready(function(){

   // Sayfa yüklediğinde burada yer alan jquery kodları çalışmaya hazır

});

Yukarıda yer alan kodu kısaltılmış olarak aşağıdaki gibi de kullanabilirsiniz.Her ikisini de kullanabilirsiniz.

$(function(){

   // jQuery metodları buraya yazılacak

});

Örnek

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});

Yukarıda görüldüğü gibi kullanımı oldukça kolaydır. jQuery hata işlemlerinde oldukça fazla kullanılmaktadır.Ayrıca Client taraflı çalıştığı için sunucu üzerindeki yükü oldukça azaltmaktadır.

jQuery Örneği – Ekrana Merhaba Yazıdrmak

İşte bu kadar dostlar. şimdi bir sonraki derse geçip Html elementlerini nasıl seçeriz öğrenelim.

2 yorum “jQuery Nedir ? ve jQuery’e Giriş

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares