{"id":5819,"date":"2021-08-18T13:33:00","date_gmt":"2021-08-18T10:33:00","guid":{"rendered":"https:\/\/www.niobehosting.com\/blog\/?p=5819"},"modified":"2021-07-12T18:24:51","modified_gmt":"2021-07-12T15:24:51","slug":"jquery","status":"publish","type":"post","link":"https:\/\/www.niobehosting.com\/blog\/jquery\/","title":{"rendered":"JQuery Nedir?"},"content":{"rendered":"\n<p>JQuery, d\u00fcnya \u00fczerinde yayg\u0131n olarak kullan\u0131lan bir JavaScript k\u00fct\u00fcphanesi olarak ifade edilmektedir. JQuery, JavaScript programlama dilini internet ortam\u0131nda kolay ve \u00fccretsiz olarak kullanmay\u0131 sa\u011flayan, a\u00e7\u0131k kaynakl\u0131 bir teknoloji \u00fcr\u00fcn\u00fcd\u00fcr.&nbsp;<\/p>\n\n\n\n<p>A\u00e7\u0131k kaynak, bilgisayar yaz\u0131l\u0131mlar\u0131n\u0131n, makine diline d\u00f6n\u00fc\u015ft\u00fcr\u00fclerek, kullan\u0131ma sunulmadan programc\u0131lar taraf\u0131ndan okunurlu\u011fu, anla\u015f\u0131l\u0131rl\u0131\u011f\u0131, yeni ama\u00e7lar i\u00e7in de\u011fi\u015ftirilebilir versiyonunun, kamu ile payla\u015f\u0131lmas\u0131 olarak adland\u0131r\u0131lmaktad\u0131r. JQuery kullan\u0131m kolayl\u0131\u011f\u0131 da buradan gelmektedir.&nbsp;<\/p>\n\n\n\n<p>JQuery\u2019nin tercih edilme nedenlerinden biri de, internet \u00fczerinde yer alan t\u00fcm taray\u0131c\u0131larda istisnas\u0131z bir \u015fekilde en \u00fcst seviyede \u00e7al\u0131\u015fmas\u0131 olarak g\u00f6sterilmektedir. JQuery bu \u00f6zelli\u011fi ile t\u00fcm dijital ortamlarda i\u015flevsel bir \u015fekilde kullan\u0131lma imkan\u0131 sa\u011flamaktad\u0131r. JQuery teknik \u00f6zelli\u011fi olarak bir JavaScript k\u00fct\u00fcphanesidir ve k\u00fct\u00fcphane teknolojilerinin uygulanmas\u0131 ile JavaScript \u00fczerinden olu\u015fturulan bir\u00e7ok \u00e7al\u0131\u015fma, web yaz\u0131l\u0131mlar\u0131nda kullan\u0131lmaktad\u0131r. JQuery k\u00fct\u00fcphaneleri, h\u0131zl\u0131 i\u015fleyen, k\u00fc\u00e7\u00fck boyutlarda, \u00e7apraz platformlu ve zengin i\u00e7eri\u011fe sahip dijital \u00fcr\u00fcn \u00f6zelliklerini i\u00e7erisinde bar\u0131nd\u0131rmaktad\u0131r.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"626\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png\" alt=\"\" class=\"wp-image-5820\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png 626w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir-300x300.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir-150x150.png 150w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir-100x100.png 100w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir-450x450.png 450w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir-120x120.png 120w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">JQuery Ne \u0130\u015fe Yarar?<\/h2>\n\n\n\n<p>JQuery\u2019nin ne i\u00e7in kullan\u0131laca\u011f\u0131, iste\u011fe ba\u011fl\u0131 olarak farkl\u0131 se\u00e7enekler sunmaktad\u0131r. Web sitelerinin tasar\u0131m\u0131nda yer alan hareketli slider efektlerinin olu\u015fturulmas\u0131nda, web uygulamalar\u0131n\u0131n geli\u015ftirilmesinde ya da g\u00f6rselle\u015ftirme i\u015flemlerinde JQuery kullan\u0131m\u0131 m\u00fcmk\u00fcn olmaktad\u0131r. JQuery kullan\u0131m\u0131nda bir\u00e7ok teknolojik deste\u011fi bar\u0131nd\u0131rmaktad\u0131r. Bu \u00f6zellikler JQuery kullan\u0131m\u0131n\u0131 daha i\u015fe yarar k\u0131lmaktad\u0131r.&nbsp;<\/p>\n\n\n\n<p>JQuery\u2019nin kullan\u0131c\u0131lara sa\u011flam\u0131\u015f oldu\u011fu kolayl\u0131klar ise a\u015fa\u011f\u0131daki \u015fekilde belirtilmektedir;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML ve DOM (Belge nesnesi modeli) manip\u00fclasyonu deste\u011fi<\/li><li>CSS i\u015faretleme dili manip\u00fclasyonu deste\u011fi<\/li><li>Animasyon ve efekt olu\u015fturma deste\u011fi<\/li><li>Ajax i\u015flemlerinin ger\u00e7ekle\u015ftirilmesi<\/li><li>Olay (Event) olu\u015fturulmas\u0131 ve y\u00f6netilmesi deste\u011fi<\/li><li>Farkl\u0131 taray\u0131c\u0131larda \u00e7al\u0131\u015fma deste\u011fi<\/li><li>3. parti (D\u0131\u015far\u0131dan sa\u011flanan yaz\u0131l\u0131m bile\u015feni) eklentilerinin kullan\u0131lmas\u0131&nbsp;<\/li><\/ul>\n\n\n\n<p>Sundu\u011fu t\u00fcm destek \u00fcniteleri ile JQuery k\u00fct\u00fcphanesi, i\u015flemlerin en kolay \u015fekilde ger\u00e7ekle\u015ftirilmesini ama\u00e7lamaktad\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">JQuery Nedir? Nas\u0131l Kullan\u0131l\u0131r?<\/h2>\n\n\n\n<p>JQuery 2006 y\u0131l\u0131nda, yaz\u0131l\u0131m m\u00fchendisi John Resig taraf\u0131ndan geli\u015ftirilmi\u015f olan, web sitelerinde JavaScript kullan\u0131m\u0131n\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7layan sanal bir JavaScript k\u00fct\u00fcphanesidir. Yayg\u0131n olarak bilinenin aksine, JQuery ayr\u0131 bir programlama dili de\u011fildir, JavaScript ile birlikte \u00e7al\u0131\u015fmaktad\u0131r. JQuery ile kod yazma s\u00fcre\u00e7lerine girmeden, \u00e7ok daha fazla i\u015flemi \u00e7ok daha az yorularak yapmak m\u00fcmk\u00fcn olmaktad\u0131r. JQuery k\u00fct\u00fcphanelerinin iki farkl\u0131 kullan\u0131m alan\u0131 bulunmaktad\u0131r.&nbsp;<\/p>\n\n\n\n<p>Bunlar;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>JQuery Production versiyonu<\/li><li>JQuery Development versiyonu olarak tan\u0131mlanmaktad\u0131r.<\/li><\/ul>\n\n\n\n<p>JQuery Production versiyonu, s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f ve k\u00fc\u00e7\u00fclt\u00fclm\u00fc\u015f olan, daha k\u00fc\u00e7\u00fck boyuttaki JQuery alternatifidir. Bu versiyon genellikle web projelerinde kullan\u0131lmaktad\u0131r. JQuery Development versiyonu ise test ve geli\u015ftirme s\u00fcre\u00e7lerinde kullan\u0131m\u0131 tercih edilen bir JQuery alternatifidir. En belirgin \u00f6zelli\u011fi ise boyutlar\u0131n\u0131n s\u0131k\u0131\u015ft\u0131r\u0131lmam\u0131\u015f ve k\u00fc\u00e7\u00fcltme i\u015flemi yap\u0131lmam\u0131\u015f olmas\u0131d\u0131r. JQuery kullanmaya ba\u015flamak i\u00e7in temel bir JavaScript bilgisine sahip olmak gerekmektedir. Bu \u015fekilde JQuery JavaScript k\u00fct\u00fcphanesini kullanarak \u00e7al\u0131\u015fmalar s\u00fcrd\u00fcr\u00fclmektedir.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"626\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari.png\" alt=\"\" class=\"wp-image-5821\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari.png 626w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari-300x300.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari-150x150.png 150w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari-100x100.png 100w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari-450x450.png 450w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-avantajlari-120x120.png 120w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">JQuery Kullan\u0131m\u0131n Avantajlar\u0131 Nelerdir?<\/h3>\n\n\n\n<p>JQuery i\u00e7in olu\u015fturulmu\u015f olan slogan <strong>\u201cAz \u00c7al\u0131\u015f, \u00c7ok \u0130\u015f Yap\u201d<\/strong> \u015feklinde ifade edilmektedir. JQuery \u00f6\u011frenilmesi ve kullan\u0131lmas\u0131 kolay bir JavaScript k\u00fct\u00fcphanesidir ve t\u00fcm karma\u015f\u0131k i\u015flemlerin kolayca yap\u0131lmas\u0131n\u0131 desteklemektedir. JavaScript, HTML ve CSS bilgisine sahip olan kullan\u0131c\u0131lar, i\u015flemlerini bu teknoloji yard\u0131m\u0131yla ger\u00e7ekle\u015ftirmektedir.&nbsp;<\/p>\n\n\n\n<p>JQuery kullan\u0131m\u0131n avantajlar\u0131 ise a\u015fa\u011f\u0131daki \u015fekilde belirtilmektedir;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>JQuery k\u00fc\u00e7\u00fck boyutlu bir \u00fcr\u00fcn \u00f6zelli\u011fi ta\u015f\u0131maktad\u0131r ve bu \u00f6zellik ile i\u015flemler s\u0131ras\u0131nda uygulamalar\u0131n yava\u015flamas\u0131 gibi sorunlar ya\u015fanmas\u0131n\u0131 engeller<\/li><li>JQuery a\u00e7\u0131k kaynak kodlu bir k\u00fct\u00fcphane olmas\u0131ndan dolay\u0131, y\u00fczlerce farkl\u0131 eklenti geli\u015ftirme imkan\u0131n\u0131 kullan\u0131c\u0131lar\u0131na sunmaktad\u0131r, bu \u015fekilde t\u00fcm eklentilere kolay eri\u015fim m\u00fcmk\u00fcn olmaktad\u0131r<\/li><li>JQuery tasar\u0131m\u0131nda Cross Browser deste\u011fi sunmaktad\u0131r. \u00c7apraz taray\u0131c\u0131 olarak ifade edilen kavram, farkl\u0131 taray\u0131c\u0131larda ve mobil cihazlarda web sitelerinin ve uygulamalar\u0131n\u0131n nas\u0131l g\u00f6r\u00fcnt\u00fclendi\u011finin test edilmesini sa\u011flamaktad\u0131r<\/li><li>JQuery kolay \u00f6\u011frenilebilir \u00f6zelliktedir. JQuery <strong>\u201cAz kod ile fazlas\u0131n\u0131 ba\u015far\u201d <\/strong>misyonuyla ilerlemektedir. JQuery yap\u0131s\u0131 kolayca \u00f6\u011frenilebilir ve uygulanabilir \u00f6zellik ta\u015f\u0131maktad\u0131r<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">JQuery Tekni\u011fi Kullan\u0131larak Yap\u0131labilecekler Nelerdir?<\/h2>\n\n\n\n<p>JQuery tekni\u011finin temel amac\u0131, web sitelerinin tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerinde karma\u015f\u0131k kodlarla u\u011fra\u015fmadan, i\u015flemleri minimal seviyeye indirmek ve k\u0131sa kodlar ile ger\u00e7ekle\u015ftirmektir. Daha az karakterle yaz\u0131lm\u0131\u015f kod sat\u0131rlar\u0131 ile daha g\u00fc\u00e7l\u00fc JavaScript uygulamalar\u0131n\u0131n olu\u015fturulmas\u0131n\u0131 sa\u011flamaktad\u0131r. JQuery, farkl\u0131 boyut ve i\u015flevde animasyonlar, Ajax istekleri, g\u00f6r\u00fcnt\u00fc efekti ya da kullan\u0131c\u0131 aray\u00fcz\u00fc olu\u015fturma gibi bir\u00e7ok i\u015flemi kolay yap\u0131labilir k\u0131lmaktad\u0131r. JQuery kullanmak i\u00e7in sadece HTML, CSS ve JavaScript bilgisine sahip olmak yeterlidir.&nbsp;<\/p>\n\n\n\n<p>JQuery tekni\u011fi kullan\u0131larak yap\u0131labilecekler ise a\u015fa\u011f\u0131da listelenmi\u015ftir;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web Siteleri \u0130\u00e7in A\u00e7\u0131l\u0131r Men\u00fcler<\/h3>\n\n\n\n<p>JQuery kullan\u0131m\u0131 ile y\u00fcksek d\u00fczeyli ve daha az yer kaplayan a\u00e7\u0131l\u0131r men\u00fc olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">XML (Ajax) \u0130steklerinin \u0130letilmesi&nbsp;<\/h3>\n\n\n\n<p>Site sayfalar\u0131n\u0131n yeniden y\u00fcklenmesine gerek kalmadan, sunucu \u00fczerinden ek veri istemek i\u00e7in JavaScript kullan\u0131m\u0131 sa\u011flanmaktad\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Animasyonlu Efekt Kullan\u0131m\u0131<\/h3>\n\n\n\n<p>Web sayfalar\u0131nda yer alan \u00f6\u011felere JQuery ile pek \u00e7ok farkl\u0131 animasyon ve efekt eklenmektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Element \u00d6zelli\u011fi De\u011fi\u015ftirme&nbsp;<\/h3>\n\n\n\n<p>Web sitelerinin sayfalar\u0131nda yer alan HTML, CSS gibi elementlerin temel \u00f6zellikleri ve s\u0131ralamalar\u0131 de\u011fi\u015ftirilmektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etkile\u015fimli Nesne Kullan\u0131m\u0131<\/h3>\n\n\n\n<p>Web sayfalar\u0131nda, kullan\u0131c\u0131lar\u0131n fare ve klavye yard\u0131m\u0131yla y\u00f6netilen, etkile\u015fimli nesneler yapmas\u0131 m\u00fcmk\u00fcn olmaktad\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">DOM (Belge Nesnesi Modeli) Kurgulama \u0130\u015flemleri<\/h3>\n\n\n\n<p>Birka\u00e7 sat\u0131r kod kullan\u0131m\u0131 ile web sayfalar\u0131na i\u00e7erik eklenmekte, gerekti\u011finde h\u0131zl\u0131ca kald\u0131r\u0131labilmekte ve yeniden s\u0131ralamas\u0131 yap\u0131labilmektedir.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Slayt G\u00f6sterisi Olu\u015fturma&nbsp;<\/h3>\n\n\n\n<p>Web sitelerinin sayfalar\u0131nda kullan\u0131lmak \u00fczere animasyonlu slaytlar haz\u0131rlanabilir, Lightboxlar (I\u015f\u0131k Kutular\u0131) olu\u015fturulabilmektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">S\u00fcr\u00fckle \/ B\u0131rak Aray\u00fczleri&nbsp;<\/h3>\n\n\n\n<p>Web sayfalar\u0131 i\u00e7in s\u00fcr\u00fcklenip, b\u0131rak\u0131larak konumland\u0131rmas\u0131 yeniden yap\u0131lan \u00f6\u011felere sahip tasar\u0131mlar ger\u00e7ekle\u015ftirilmektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etkin Formlar<\/h3>\n\n\n\n<p>JQuery yard\u0131m\u0131yla amac\u0131na uygun ve etkin \u015fekilde kullan\u0131lan formlar\u0131n do\u011frulamas\u0131 sa\u011flanabilmektedir. Sunucu alan\u0131nda yer alan veriler ile Ajax metin kutular\u0131 olu\u015fturulabilir ya da benzer t\u00fcm i\u015flemler y\u00fcr\u00fct\u00fclebilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">JQuery Append ve Prepend Metotlar\u0131n\u0131n Kullan\u0131m\u0131<\/h2>\n\n\n\n<p>JQuery zengin i\u00e7erikli bir JavaScript k\u00fct\u00fcphanesidir. JQuery ile bir\u00e7ok i\u015flem alternatiflerine g\u00f6re daha h\u0131zl\u0131 ve kolay bir \u015fekilde ger\u00e7ekle\u015ftirilmektedir. JQuery kullan\u0131m sisteminde, s\u0131k kullan\u0131lan iki metod \u00f6ncelikler aras\u0131nda yer almaktad\u0131r. Bunlar; Append ve Prepend metotlar\u0131 olmaktad\u0131r. Genel olarak, form i\u015flemlerinin sonu\u00e7lar\u0131n\u0131n \u015fekillendirilmesinde kullan\u0131lan bu metotlar, farkl\u0131 kullan\u0131m se\u00e7enekleri de sunmaktad\u0131r. Direk ya da <a href=\"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/\">HTML<\/a> kod yard\u0131m\u0131yla, paragraf olu\u015fturma, bilgi i\u00e7eren yaz\u0131lar ve g\u00f6rsel ekleme i\u015flemleri bu metotlar ile kolayca yap\u0131lmaktad\u0131r. JQuery Append ve Prepend Metotlar\u0131, kod yap\u0131lar\u0131na d\u0131\u015far\u0131dan m\u00fcdahale edilerek, i\u015flem ger\u00e7ekle\u015ftirmesi m\u00fcmk\u00fcn k\u0131lmaktad\u0131r. JQuery Append kod ekleme i\u015flemlerini en \u00fcstte, Prepend ise en altta yapmaktad\u0131r.\u00a0<\/p>\n\n\n\n<p>JQuery\u2019de kullan\u0131lan Append metodunda, bir (div) kodu i\u00e7erisinde eklenecek alan, (div) kodunun kapand\u0131\u011f\u0131 etiketin \u00fcst sat\u0131r\u0131nda yer al\u0131r. Kodun i\u00e7erisinde m\u00fcmk\u00fcn olan en son alana yerle\u015ftirilir. Kontrolleri taray\u0131c\u0131 \u00fczerinde yap\u0131lan Append i\u015flemleri, do\u011fru \u00e7al\u0131\u015f\u0131yorsa ba\u015fka bir i\u015fleme ge\u00e7i\u015f yap\u0131labilir. JQuery Append kendi i\u00e7inde iki farkl\u0131 kullan\u0131m alan\u0131 sunmaktad\u0131r. Birinci se\u00e7enek (div) \u00f6rne\u011finde oldu\u011fu gibi konumland\u0131rman\u0131n \u00fcst sat\u0131rda yer almas\u0131d\u0131r. Di\u011feri ise (sec 1) ID\u2019sine sahip alanlar\u0131n i\u00e7erisinde eklenen metin ile olu\u015fturulmas\u0131 se\u00e7ene\u011fidir.&nbsp;<\/p>\n\n\n\n<p>JQuery Prepend metodunda, Append i\u015fleyi\u015finden birtak\u0131m farkl\u0131l\u0131klar bulunmaktad\u0131r. Prepend metodu ile uygulanan i\u015flemlerde, eklenecek olan paragraf en sona de\u011fil, en ba\u015fa konumland\u0131r\u0131lmal\u0131d\u0131r. Her i\u015flem i\u00e7in yeni b\u00f6l\u00fcm (Section) olu\u015fturulur ve kodlamalar\u0131 yap\u0131l\u0131r.&nbsp; Append metodunda oldu\u011fu gibi, Prepend i\u015flem sonu\u00e7lar\u0131n\u0131n kontrol\u00fc taray\u0131c\u0131lar \u00fczerinden yap\u0131lmaktad\u0131r.&nbsp;<\/p>\n\n\n\n<p>Yukar\u0131da payla\u015f\u0131lan \u00f6rneklerde g\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere, JQuery Append ve Prepend metotlar\u0131, mevcut HTML kod yap\u0131s\u0131n\u0131 de\u011fi\u015ftirmeden, farkl\u0131 dosya \u00fczerinden eklemeler yapabileyi sa\u011flamaktad\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">JQuery Terimleri Nelerdir?<\/h2>\n\n\n\n<p>JQuery a\u00e7\u0131k kaynakl\u0131 bir JavaScript k\u00fct\u00fcphanesi olarak tan\u0131mlanmaktad\u0131r. JQuery\u2019yi hemen kullanmaya ba\u015flamak i\u00e7in baz\u0131 ipu\u00e7lar\u0131n\u0131 bilmek ve JQuery kavramlar\u0131na a\u015fina olmak kullan\u0131m kolayl\u0131\u011f\u0131 sa\u011flamaktad\u0131r. JQuery kullan\u0131m\u0131 i\u00e7in olu\u015fturulan ipu\u00e7lar\u0131 ve kavramlar\u0131n\u0131n a\u00e7\u0131klamas\u0131 a\u015fa\u011f\u0131da yer almaktad\u0131r;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>JQuery Closest: <\/strong>JQuery i\u015flem ak\u0131\u015f\u0131nda kar\u015f\u0131m\u0131za \u00e7\u0131kan kavramlardan biri de JQuery Closest olmaktad\u0131r. Closest, sistem i\u00e7erisinde kullan\u0131lan bir metottur ve se\u00e7ilen \u00f6\u011fenin belirtilen se\u00e7ici kurallar\u0131na uygun olan bir \u00fcst versiyonunu (Ebeveynini) bulmak ve geri bildirim sa\u011flamak \u00fczere kurgulanm\u0131\u015ft\u0131r.<\/li><li><strong>JQuery Migrate:<\/strong> \u00d6zellikle WordPress \u00e7al\u0131\u015fma prensiplerinde ya\u015fanan sorunlar\u0131 ortadan kald\u0131rmak amac\u0131yla geli\u015ftirilmi\u015f \u00f6\u011fe \u00f6zelli\u011fi ta\u015f\u0131yan JQuery Migrate, bir eklentidir. JQuery Migrate web sitesine y\u00fcklenip ve etkinle\u015ftirildi\u011fi zaman JQuery dosyalar\u0131 sorunsuz \u015fekilde \u00e7al\u0131\u015ft\u0131r\u0131lmaktad\u0131r.<\/li><li><strong>JQuery Prop:<\/strong> Sistem i\u00e7erisinde HTML \u00f6\u011felerine \u00f6zellik eklenmesi ve \u00e7\u0131kar\u0131lmas\u0131 i\u015flemlerini JQuery Prop fonksiyonu sa\u011flamaktad\u0131r. JQuery sisteminde yayg\u0131n olarak kullan\u0131lmaktad\u0131r.<\/li><li><strong>JQuery Ajax:<\/strong> JQuery \u00fczerinde \u00e7al\u0131\u015f\u0131rken, formlar\u0131n ve \u00e7oktan se\u00e7meli \u00f6\u011felerin olu\u015fturulmas\u0131 Ajax ile sa\u011flanmaktad\u0131r. Arama sonu\u00e7lar\u0131na h\u0131zl\u0131 eri\u015fim, otomatik yaz\u0131 tamamlama \u00f6zellikleri JQuery Ajax birlikte kullan\u0131m\u0131 ile olu\u015fturulmaktad\u0131r.<\/li><li><strong>JQuery Bind:<\/strong> JQuery\u2019nin durum kontrol arac\u0131 Bind\u2019dir ve bunun tersi i\u015flemlerde kullan\u0131lan ise UnBind olarak ifade edilmektedir. JQuery Bind fonksiyonu, bilinen \u201cClick\u201d fonksiyonuna benzetilmektedir.<\/li><li><strong>JQuery Attr:<\/strong> HTML \u00f6\u011felerine farkl\u0131 \u00f6znitelikler ekleyerek, nesneye yeni bir \u00f6zellik kazand\u0131r\u0131lmas\u0131 i\u015flemleri JQuery Attr ile yap\u0131lmaktad\u0131r. HTML literat\u00fcr\u00fcnde bir sayfaya ba\u011flant\u0131 verme i\u015flemi, (a) etiketinin (href) \u00f6zniteli\u011fi metin i\u00e7erisine t\u0131kland\u0131\u011f\u0131nda gidece\u011fi adresi belirlemek i\u00e7in kullan\u0131l\u0131r. JQuery i\u00e7erisinde HTML \u00f6\u011felerine ait \u00f6znitelik de\u011ferlerini alma ya da de\u011fi\u015ftirme i\u015flemlerinde Attr metodu uygulanmaktad\u0131r.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JQuery, d\u00fcnya \u00fczerinde yayg\u0131n olarak kullan\u0131lan bir JavaScript k\u00fct\u00fcphanesi olarak ifade edilmektedir. JQuery, JavaScript programlama dilini internet ortam\u0131nda kolay ve \u00fccretsiz olarak kullanmay\u0131 sa\u011flayan, a\u00e7\u0131k&#8230;<\/p>\n","protected":false},"author":16,"featured_media":5820,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,48],"tags":[],"class_list":["post-5819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir-nasil-yapilir","category-programlama"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JQuery Nedir? - Niobe Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.niobehosting.com\/blog\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JQuery Nedir? - Niobe Hosting\" \/>\n<meta property=\"og:description\" content=\"JQuery, d\u00fcnya \u00fczerinde yayg\u0131n olarak kullan\u0131lan bir JavaScript k\u00fct\u00fcphanesi olarak ifade edilmektedir. JQuery, JavaScript programlama dilini internet ortam\u0131nda kolay ve \u00fccretsiz olarak kullanmay\u0131 sa\u011flayan, a\u00e7\u0131k...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.niobehosting.com\/blog\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Niobe Hosting\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-18T10:33:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png\" \/>\n\t<meta property=\"og:image:width\" content=\"626\" \/>\n\t<meta property=\"og:image:height\" content=\"626\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Arif Uslu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arif Uslu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/\"},\"author\":{\"name\":\"Arif Uslu\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/494b0e09a5fb7a37403669461b1ad1f0\"},\"headline\":\"JQuery Nedir?\",\"datePublished\":\"2021-08-18T10:33:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/\"},\"wordCount\":1882,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/jquery-nedir.png\",\"articleSection\":[\"Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?\",\"Programlama\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/\",\"name\":\"JQuery Nedir? - Niobe Hosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/jquery-nedir.png\",\"datePublished\":\"2021-08-18T10:33:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/jquery-nedir.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/jquery-nedir.png\",\"width\":626,\"height\":626},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JQuery Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"name\":\"Niobe Hosting\",\"description\":\"Niobe Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\",\"name\":\"Niobe Hosting\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"width\":332,\"height\":49,\"caption\":\"Niobe Hosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/494b0e09a5fb7a37403669461b1ad1f0\",\"name\":\"Arif Uslu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g\",\"caption\":\"Arif Uslu\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/ariphuslu\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/arifuslu\\\/\"],\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/author\\\/arifuslu\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JQuery Nedir? - Niobe Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.niobehosting.com\/blog\/jquery\/","og_locale":"tr_TR","og_type":"article","og_title":"JQuery Nedir? - Niobe Hosting","og_description":"JQuery, d\u00fcnya \u00fczerinde yayg\u0131n olarak kullan\u0131lan bir JavaScript k\u00fct\u00fcphanesi olarak ifade edilmektedir. JQuery, JavaScript programlama dilini internet ortam\u0131nda kolay ve \u00fccretsiz olarak kullanmay\u0131 sa\u011flayan, a\u00e7\u0131k...","og_url":"https:\/\/www.niobehosting.com\/blog\/jquery\/","og_site_name":"Niobe Hosting","article_published_time":"2021-08-18T10:33:00+00:00","og_image":[{"width":626,"height":626,"url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png","type":"image\/png"}],"author":"Arif Uslu","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Arif Uslu","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#article","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/"},"author":{"name":"Arif Uslu","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/494b0e09a5fb7a37403669461b1ad1f0"},"headline":"JQuery Nedir?","datePublished":"2021-08-18T10:33:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/"},"wordCount":1882,"commentCount":0,"publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png","articleSection":["Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?","Programlama"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.niobehosting.com\/blog\/jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/","url":"https:\/\/www.niobehosting.com\/blog\/jquery\/","name":"JQuery Nedir? - Niobe Hosting","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png","datePublished":"2021-08-18T10:33:00+00:00","breadcrumb":{"@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.niobehosting.com\/blog\/jquery\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#primaryimage","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/jquery-nedir.png","width":626,"height":626},{"@type":"BreadcrumbList","@id":"https:\/\/www.niobehosting.com\/blog\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.niobehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JQuery Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.niobehosting.com\/blog\/#website","url":"https:\/\/www.niobehosting.com\/blog\/","name":"Niobe Hosting","description":"Niobe Hosting","publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.niobehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.niobehosting.com\/blog\/#organization","name":"Niobe Hosting","url":"https:\/\/www.niobehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","width":332,"height":49,"caption":"Niobe Hosting"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/494b0e09a5fb7a37403669461b1ad1f0","name":"Arif Uslu","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f2eff246a5e7bf1ce5c669ca07b6bfe534d0f7b526bf2f57f24debe81780237?s=96&d=mm&r=g","caption":"Arif Uslu"},"sameAs":["https:\/\/www.instagram.com\/ariphuslu\/","https:\/\/www.linkedin.com\/in\/arifuslu\/"],"url":"https:\/\/www.niobehosting.com\/blog\/author\/arifuslu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/5819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=5819"}],"version-history":[{"count":0,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/5819\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media\/5820"}],"wp:attachment":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=5819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=5819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=5819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}