JQuery Nedir , Nasıl Kullanılır ?

wbmstr

Paylaşımcı Üye
Katılım
3 Mar 2018
Mesajlar
1,647
Beğeniler
1
Jquery, Bir Javascript kütüphanesidir.Javascript programcılarının, istemci taraflı dinamik programlama yapmasını kolaylaştırmak ve standartlaştırmak için tasarlanmış ve tamamen Javascript dili ile geliştirilmiştir.
JQuery kaynak kodlarına baktığımızda, belirli işler için özelleştirilmiş Javascript fonksiyonları ile karşılaşırız.Bu fonksiyonlar , bilinen popüler tarayıcılara özel çıktılar üretebilmektedir.Bu sayede de, Javascript kodu yazarken karşılaşılan, farklı tarayıcılara özel kod yazma işinin önüne geçmiş oluruz.
JQuery ile çalışmak için Javascript diline hakim olmak gerekmektedir.Jquery’i Javascript içerisinde kullanabileceğimiz fonksiyonlar seti olarak düşünürsek Javascript bilgisine olan gereklilik anlam kazanacaktır.JQuery’nin yetmediği durumlarda , Javascript ile kodlama yapabilmeli ve ihtiyaç duyulan gereksinimi karşılayabilmeliyiz.
JQuery ile animasyonlar ve efektler oluşturulabilir, DOM elemanlarını seçip yönetebilir, olay mekanızması ile kullanıcı etkileşimli uygulamalar oluşturabiliriz.
JQuery ile çalışmaya başlamak için JQuery kütüphanesini sayfamıza eklememiz(import) etmemiz yeterlidir.Bu işlem sonrasında, sayfa içerisindeki Javascript kodları içerisinden JQuery fonksiyonlarına referans verebilir duruma geliriz.
Jquery kütüphanesini 2 şekilde kullanabiliriz:

Kendi sunucumuza indirerek
Farklı bir sunucuda tutulan bir kopyayı kullanarak

İlk olarak JQuery’i kendi bilgisayarımıza indirip buradan çalıştıracağız.
Bunun için JQuery’nin resmi sitesi olan jQuery adresini ziyaret etmemiz gerekiyor.Adrese ulaştığımızda karşımıza aşağıdaki şekildeki gibi bir ekran gelecektir.

Burada sol tarafta yer alan “Download” butonuna tıklayarak JQuery’nin en son versiyonunu indirebilirsiniz.Butonun hemen altında versiyon bilgisini görebiliriz.
Not : Jquery Kütüphanesini İncelemek isterseniz Jquery Developer versiyonunu indirmeniz gerekmekte..
JQuery ilk Test Uygulamamız..
JQuery kütüphanesini indirdikten sonra , sıra kütüphaneyi test etmeye geldi.Bunun için çok basit bir HTML sayfası oluşturacağız.HTML sayfasını aşağıdaki gibi oluşturuyor ve test.html olarak kütüphane ile aynı klasöre kaydediyoruz..

HTML-Kodu:
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function test() {
$("#txt").val("Merhaba JQuery");
}
</script>
</head>
<body>
<input type="text" id="txt" />
<input type="button" value="Yaz" onClick="test();" />
</body>
</html>
test.html sayfasını tarayıcıda açtığımızda ve sayfa üzerindeki “Yaz” butonuna tıkladığımızda metin kutusu içerisinde “Merhaba JQuery” yazısını görmemiz gerekir.Bu yazıyı görebiliyorsak JQuery’i başarıyla çalıştırmış oluruz.
Şimdi HTML kodunu biraz daha detaylı inceleyelim.JQuery ile çalışırken ilk olarak JQuery kütüphanesini sayfaya tanıtmalıyız.Bu işlem genellikle sayfanın head tagları arasında gerçekleşmektedir.

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
Bu tanımdan sonra sayfa içerisinde JQuery fonksiyonlarını kullanabiliriz.Yukarıdaki örnekte test isimli standart Javascript fonksiyonu içerisinden aşağıdaki JQuery kodu çalıştırılmaktadır:

$("#txt").val("Merhaba JQuery");

Burada yer alan diğer JQuery kodlarımızı sonraki derslerimizde anlatacağım.
Dış Kaynaklardan Kütüphane Yükleyelim ..

JQuery’nin kaynak dosyasını bu şekilde kendi bilgisayarımız veya sunucumuz üzerinden kullanabildiğimiz gibi , dış bir kaynaktan da alabiliriz.Bunun için Google CDN ağında tutulan JQuery kopyasını kullanabiliriz.JQuery kütüphanesini bu gibi dış bir kaynaktan almanın bazı avantajları bulunmaktadır.Bunlar arasında en öne çıkanı CDN tipi ağların optimize edilmiş teslim mekanizmaları sayesinde kendi sunucumuzdan bile daha hızlı erişime olanak verebilmesidir. Google CDN ağından JQuery’i kullanmak için aşağıdaki şekilde bir tanım yapmamız yeterli olacaktır.

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

JQuery kütüphanesinin dışarıdan çekilmezi günümüz ağ hızlarında problem vermemektir. Çünkü Jquery kütüphanesinin sıkıştırılmış versiyonları 40-70 kb arasında değişmektedir.
 

Şu anda bu konu'yu okuyan kullanıcılar

Benzer konular

Üst