JQuery Nedir?

JQuery’nin amacı, web sitenizde JavaScript kullanımını çok daha kolay hale getirmektir.

JQuery, başarmak için birçok JavaScript kodu satırını gerektiren birçok ortak görevi alır ve bunları tek bir kod satırıyla çağırabileceğiniz yöntemlere sarar.

JQuery, AJAX çağrıları ve DOM manipülasyonu gibi JavaScript’teki birçok karmaşık şeyi de basitleştirir.

JQuery Kitaplığı Aşağıdaki Özellikleri İçerir:

• HTML / DOM işleme
• CSS manipülasyonu
• HTML olay yöntemleri
• Efektler ve animasyonlar
• AJAX
• Araçlar

İpucu: Ek olarak, JQuery’nin neredeyse her görev için eklentileri vardır.

Neden jQuery?

Dışarıda birçok başka JavaScript kitaplığı var, ancak jQuery muhtemelen en popüler ve aynı zamanda en genişletilebilir olanıdır.

Web’deki en büyük şirketlerin çoğu jQuery kullanıyor, örneğin:

• Google
• Microsoft
• IBM
• Netflix

JQuery Tüm Tarayıcılarda Çalışacak mı?

JQuery ekibi, tarayıcılar arası sorunları bilir ve bu bilgiyi jQuery kitaplığına yazmışlardır. JQuery tüm büyük tarayıcılarda tam olarak aynı şekilde çalışacaktır.

Geçmişte, JavaScript web geliştirmede sorunluydu çünkü farklı tarayıcılar bazen aynı kodla çok farklı sonuçlar veriyordu.

Örneğin, belirli yerel JavaScript işlevleri eski tarayıcılarda çalışmaz. Bir web uygulamasıyla tüm tarayıcıları desteklemek istiyorsanız, komut dosyalarınıza genellikle tarayıcıya ve sürüme bağlı olarak farklı şekillerde istenen sonuca götüren veya belirli kullanıcıların web sitesini kullanamama riskini taşıyan özel anahtarlar eklemeniz gerekir.

 

JQuery gibi çerçeveler, geliştiriciyi bu sıkıcı ve hataya açık ek çalışmadan kurtarmaya yönelik bir yaklaşımdır. Geliştiriciler yalnızca tek bir genel komut dosyası yazarken, farklı tarayıcılar arasındaki farklar dahili olarak ele alınır.

• Javascript’ten Daha Kompakt ve Kullanışlı

JQuery yalnızca tarayıcı bağımsızlığı sunmaz. Çerçeve, özellikle Web’de sıklıkla gerekli olan birçok JavaScript işlevini basitleştirir. İş daha rahat hale gelir ve kod kısalır ve dolayısıyla bakımı çok daha kolaydır. Örneğin, JQuery’nin özel bir özelliği, DOM öğelerine erişimi çok basit ve kullanışlı hale getirmesidir.

Geliştiriciler, DOM’daki öğeleri özel olarak ele alabilir ve bunları çeşitli şekillerde işleyebilir. Örneğin, değişiklikler görsel olarak altını çizmek için öğeler sonradan yeni CSS sınıflarına atanabilir. Bugün, DOM manipülasyonları “normal” JavaScript’te daha kullanışlı hale geldi ve bu nedenle çerçeve olmadan modern tarayıcılarda kolayca uygulanabilir.

JQuery ve Ajax

JQuery, Ajax’ı kullanarak web sitelerini dinamik olarak tasarlaması gereken geliştiriciler için de uygun bir araç olarak kendini kanıtlamıştır. Ajax, bir web sitesinin küçük bölümlerini eş zamansız olarak yeniden yüklemek için JavaScript kullanır. Burada da jQuery, tarayıcıdan bağımsız olarak istenen işlevselliği güvenilir, rahat ve çok az çabayla uygulamaya yardımcı olur.

JQuery UI: jQuery’ye Dayalı Dinamik Kullanıcı Ara Yüzleri

Etkileşimli kullanıcı ara yüzlerini farklı tarayıcılar için tek tip bir şekilde tasarlamak da genellikle zahmetli ve sıkıcıdır. JQuery UI, tarayıcıdan bağımsız etkileşimli yüzeyler için tasarım ve işlevsellik sağlaması gereken bir çerçevedir. JQuery’ye dayanır ve çerçeveyi, Web’de sıklıkla kullanılan birçok pratik öğe ve efektle genişletir, örneğin:

• Sürüklenebilir: Kullanıcı, bir kap içindeki içeriği taşıyabilir.
• Sıralanabilir: Kullanıcılar içeriği yeniden düzenleyebilir, ör. B. bir liste veya bir albümdeki resimler.
• Otomatik Tamamlama: Kullanıcı bir metin alanına yazarken, hazırlanmış bir listeden uygun öneriler alır.
• Tarih Seçici: Tarih alanına tıklandığında, içinden bir tarihin seçilebileceği bir takvim görüntülenir.
• Temalar: Mevcut yüzeyler, değiştirilebilir temalar kullanılarak hızla uyarlanabilir.

 

JQuery-Javascript ile Sorunsuz Çalışacak Çerçeve

Yeni başlayanlar için jQuery nasıl tanıtılır. JQuery, tarayıcılar arasında çok şey sunar.

 

JQuery kuşkusuz çok daha fazlasıdır, bu nedenle JavaScript ile çalışmanın sadece acısız yolu. JQuery, tarayıcı uyumluluğu nedeniyle kendinizi neredeyse ölmek üzere programladığınız gerçeğinde görülen JavaScript dezavantajlarını ortadan kaldırır. Burada jQuery tek tip bir yaklaşım sunar.

Ancak daha da önemlisi, sadece birkaç satırlık jQuery kodu ile birçok olasılık uygulanabilir.

JQuery’nin Kullanımı

Web sitesindeki (DOM) öğeleri seçmenin kolay yolları (daha sonra görünümü, animasyonları veya eylemleri değiştirmek gibi şeyler yapmak için).

DOM’u değiştirin yani seçilen öğeleri buna göre değiştirin (renk, konum vb.)

Olay Sistemi: Kullanıcının ne yaptığına bağlı olarak, jQuery ile basitçe tepki verebilirsiniz. Bir fare tıklaması ve bir alan görüntülenir (ve biz zaten bir sonraki noktadayız)

Animasyon ve efektlerin uygulanması son derece kolaydır. Örneğin, uzatılmış metinler tek satırlık bir satır vb. Aracılığıyla yavaşça silikleştirilebilir.

Ajax hızlı bir şekilde kurulur ve sunucuya köprü oradadır. Diğer bir deyişle, kullanıcı eylemine ve kullanıcı girişine bağlı olarak, daha sonra sunucudan veri alabilir ve bir arama alanında öneriler göstermek gibi onunla çalışmaya devam edebiliriz.

Çok sayıda eklenti mevcuttur ve hiçbir zaman bir resim galerisi oluşturulur. Böylece tekerleği yeniden icat etmenize gerek yok.

Bu yüzden JQuery’ye dahil olmaya değer.

JQuery kitaplığını kendi web sitenize entegre edin.

JQuery’yi kullanmadan önce jQuery kitaplığını web sitemize entegre etmemiz gerekiyor.

JQuery’yi entegre etmenin iki yolu vardır. Elbette gerekli tüm dosyaları jQuery’den indirebilir veya sadece bir bağlantı oluşturabilir ve ardından jQuery kullanabiliriz.

JQuery Ne Zaman Ortaya Çıktı

John Resig, jQuery’yi geliştirdi ve ilk kez 2006’nın başlarında New York’taki BarCamp’ta halka tanıttı. O zamandan beri, kütüphane sürekli olarak geliştirildi ve güncellenen versiyonlar düzenli olarak mevcut. JQuery, web sitesi geliştiricilerinin bir dizi DOM işlevine (Belge Nesne Modeli) kolayca erişmesini ve böylece HTML kaynaklarını değiştirmesini sağlayan kapsamlı bir JavaScript sınıf kitaplığıdır. Kitaplık, açık kaynaklı yazılım olarak mevcuttur ve çeşitli eklentiler kullanılarak işlev yelpazesi genişletilebilir.

• Versiyonları

Sürüm 1.8 şu anda mevcuttur ve yeni işlevlere rağmen, selefi 1.7.2’den biraz daha küçüktür. Kod azaltma, geliştirmenin odak noktasıydı. Gelecek sürüm 1.9 ve 2.0 ile birlikte diğer işlevler kaldırılacaktır. Örneğin, eski API’ler ortadan kaldırılacaktır. JQuery 2.0 ile Internet Explorer 6, 7 ve 8 desteğinden kurtulmak istiyor. HTML5 tabanlı jQuery Mobile, mobil uygulamaları destekler.

 

• Uygulama Alanları

JQuery, JavaScript’i ek işlevlerle genişletir ve tüm yaygın tarayıcılara kolayca entegre edilebilir. İşlevlerin hızlı ve karmaşık olmayan entegrasyonu, aksi takdirde karmaşık kodlar için harcanması gereken zamandan tasarruf sağlar. Kitaplığın temeli, tüm temel DOM işlevlerini ve olay, efekt ve Ajax işlevlerini içeren bir JavaScript dosyasından oluşur. JQuery, bir komut dosyası etiketi kullanılarak HTML belgelerine yüklenir ve entegre edilir. “Daha az yaz, daha çok yap” sloganına sadık kalarak, web geliştiricilerine, daha az çabayla daha fazla işlev tasarlama ve asıl işe konsantre olma fırsatı verilmelidir. Özellikle Ajax uygulamalarının uygulanması çok daha kolay hale getirildi.

• Uygulama Araçları

Microsoft, JQuery’yi Visual Studio, ASP.NET MVC Framework ve ASP.NET Ajax geliştirme ortamına entegre etmiştir. Nokia, çalışma zamanı ortamlarına uymak istiyor. WordPress ve web çerçeveleri gibi birçok içerik yönetim sistemi bunu zaten sunuyor. JQuery, en yaygın kullanılan JavaScript sınıf kitaplığıdır, neredeyse her iki web sitesi onu zaten kullanıyor.