jQuery, JavaScript programlama diliyle yazılmış bir kütüphanedir. JavaScript ile yapılabilen işlemler jQuery ile çok daha kısa sürede ve daha az kodla yazılabilir. jQuery kütüphanesinin resmî web sitesi www.jquery.com adresindedir. JavaScript DOM (Document Object Model) kullanılarak yapılan "etiket seçme" işlemleri jQuery ile çok daha kolay yapılabilir. Örneğin çok daha basit bir kodla animasyon oluşturulabilir. jQuery kütüphanesinde kullanılabilecek birçok metot vardır; bu metotlar sayesinde animasyon yapma, öğe seçme, ID'ye ya da sınıfa göre seçme gibi işlemler çok daha az satır kodla gerçekleştirilebilir. jQuery kütüphanesiyle yapılabilecek çok şey olduğu için bu kütüphane en popüler JavaScript kütüphaneleri arasında yer alır. Birçok web sitesinin kaynak koduna bakıldığında jQuery kütüphanesinin kullanıldığı görülecektir. Aşağıdaki örnekler jQuery kütüphanesinin resmî web sitesinden alınmıştır: "continue" adlı bir sınıfa sahip düğmenin metin kısmını aşağıdaki kodla kolayca değiştirebiliriz. $( "button.continue" ).html( "Next Step..." ) Aynı işlemi DOM ile yazmak için çok daha fazla satır kod gerekir. Benzer şekilde, banner-message ID'sine sahip gizli bir bölümü düğmeye tıklayarak görünür yapmak için aşağıdaki kod satırları kullanılabilir. var hiddenBox = $( "#banner-message" ); $( "#button-container button" ).on( "click", function( event ) { hiddenBox.show(); });
Fotoğraf: rawpixel.com - www.freepik.com
jQuery kütüphanesinin web sitesindeki API dokümantasyonu bölümünde kullanılan tüm metotların açıklamaları vardır. Bu metotlara ek olarak hazırlanmış birçok kontrol de bulunur. https://jqueryui.com/ sitesi bunun bir örneğidir. jQuery UI, jQuery JavaScript kütüphanesinin üzerine inşa edilmiş; kullanıcı arayüzü etkileşimleri, efektler, widget'lar ve temalardan oluşan özenle seçilmiş bir settir. İster yüksek düzeyde etkileşimli web uygulamaları geliştiriyor olun ister bir form kontrolüne yalnızca bir tarih seçici eklemeniz gereksin, jQuery UI mükemmel bir seçimdir. Bootstrap'e benzer şekilde etkileşimler, widget'lar, efektler ve araçlar sitede hazır kodlanmış hâlde sunulur. Burada kullanıcının yapması gereken tek şey, gerekli CDN'leri HTML sayfasına ekleyerek kullanmaya başlamaktır. Daha ayrıntılı inceleme ve uygulamalı örnekler için jQuery UI web sitesini ziyaret edebilirsiniz. Bu şekilde kaynak olarak kullanılabilecek bir başka site de Owl Carousel 2'dir. Bir jQuery eklentisidir ve bolca ücretsiz örnek kod da sunar. Kaynaklar: JQuery.com jqueryui.com owlcarousel2.github.io/OwlCarousel2