![\"\"](\"https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/2012\/10\/jquery.png\" "\\"jquery\\"")
\n
\nTekardan merhabalar. \u00d6n\u00fcm\u00fczdeki haftalarda payla\u015faca\u011f\u0131m konulara \u00f6n ayak olmas\u0131 bak\u0131m\u0131ndan jQuery’nin tan\u0131m\u0131n\u0131 yapmay\u0131 ve \u00f6nemli bir ka\u00e7 noktas\u0131ndan bahsetmeyi uygun g\u00f6r\u00fcyorum.<\/p>\n
JQuery nedir sorusunun cevab\u0131 asl\u0131nda \u00e7ok basit. \u0130nternet programc\u0131l\u0131\u011f\u0131 ile uzun y\u0131llard\u0131r u\u011fra\u015fan biri olarak \u015funu s\u00f6yleyebilirim: “Hazinedir”. \u0130\u015fin teknik boyutuna gelirsek, jQuery t\u00fcm taray\u0131c\u0131larda sorunsuz \u00e7al\u0131\u015fan, arama motoru dostu bir JavaScript k\u00fct\u00fcphanesidir.<\/p>\n
2000’li y\u0131llarda internet programc\u0131l\u0131\u011f\u0131 ile u\u011fra\u015fan arkada\u015flar an\u0131msayacakt\u0131r. Yazd\u0131\u011f\u0131m\u0131z JavaScript kodu Mozilla’da \u00e7al\u0131\u015f\u0131rken, Internet Explorer’da \u00e7al\u0131\u015fmazd\u0131, veya tam tersi. \u0130\u015fte bu zamanlarda imdad\u0131m\u0131za yeti\u015fen jQuery sadece taray\u0131c\u0131 uyumlulu\u011fu ile de\u011fil, beraberinde getirdi\u011fi istemci tarafl\u0131 uygulama geli\u015ftirme kolayl\u0131\u011f\u0131, eklentileri ve ekstra \u00f6zellikleriyle \u00f6ne \u00e7\u0131kt\u0131. \u00d6n\u00fcm\u00fczdeki haftalarda bahsedece\u011fim bu ekstra \u00f6zelliklere ge\u00e7meden \u00f6nce genel bir giri\u015f yap\u0131p veri tiplerinden bahsetmek istiyorum.<\/p>\n
<\/p>\n
JQuery bir \u00e7ok yerle\u015fik veri tipi sunmaktad\u0131r. Bu yerle\u015fik veri tiplerine ek olarak se\u00e7iciler (selectors), \u00a0olaylar (events) gibi geli\u015fmi\u015f s\u00f6zde tiplerden bahsedece\u011fim.<\/p>\n
(Not: Bu makaledeki baz\u0131 kelimeleri \u00f6zellikle \u00e7evirmedim, \u00e7\u00fcnk\u00fc T\u00fcrk\u00e7e’de tam olarak kar\u015f\u0131l\u0131klar\u0131 yok)<\/p>\n
\r\n"Ben bir String'im";\r\n'Ben de \u00f6yle!'\r\n<\/pre>\n\r\n\u00d6rnek Uygulama -> https:\/\/www.jsfiddle.net\/icntfan\/uGA3v\/\r\n\r\ntypeof("bir string"); \/\/ "string"\r\ntypeof('bir string'); \/\/ "string"\r\n<\/pre>\nT\u0131rnak Kullan\u0131m\u0131<\/h3>\n\r\n"Selam. 'Ben' bir kodum."\r\n'Memnun oldum.'\r\n\r\n"<a href="\\ev\\">Ev<\/a>"\r\n<\/pre>\nYerle\u015fik Metotlar<\/h3>\n
JavaScript’teki String’ler baz\u0131 yerle\u015fik metotlara sahiplerdir. Bunlardan d\u00f6nen de\u011ferler, yine string olacakt\u0131r. Baz\u0131 metotlarda farkl\u0131 de\u011ferler d\u00f6nebilir (Array gibi).<\/p>\n
\r\n\u00d6rnek Uygulama -> https:\/\/www.jsfiddle.net\/icntfan\/82hbx\/\r\n\r\ndocument.write("merhaba".charAt(\u00a00\u00a0))\u00a0\/\/ "m"\r\ndocument.write("merhaba".toUpperCase())\u00a0\/\/ "MERHABA"\r\ndocument.write("Merhaba".toLowerCase())\u00a0\/\/ "merhaba"\r\ndocument.write("merhaba".replace(\u00a0\/e|o\/g,\u00a0"x"\u00a0))\u00a0\/\/ "mxrhaba"\r\ndocument.write("1,2,3".split(\u00a0","\u00a0))\u00a0\/\/ [ "1", "2", "3" ]\r\n<\/pre>\nlength \u00d6zelli\u011fi<\/h3>\n
B\u00fct\u00fcn dizgilerin (string) length \u00f6zelli\u011fi vard\u0131r.<\/p>\n
\r\n\u00d6rnek Uygulama -> https:\/\/www.jsfiddle.net\/icntfan\/uy9Zq\/\r\n\r\n"Merhaba".length \/\/ 7\r\n"".length \/\/ 0\r\n<\/pre>\nVarsay\u0131lan Boolean De\u011ferleri<\/h3>\n\r\n!"" \/\/ true\r\n!"merhaba" \/\/ false\r\n!"true" \/\/ false\r\n!new Boolean( false ) \/\/ false\r\n<\/pre>\nSay\u0131<\/h1>\n
Say\u0131lar ayn\u0131 dizgiler oldu\u011fu gibi (immutable) de\u011fi\u015fmezler. C tabanl\u0131 dillerdeki t\u00fcm yayg\u0131n operat\u00f6rler ile say\u0131larla \u00e7al\u0131\u015f\u0131labilir (+, -, *, \/, %, =, +=, -=, *=, \/=, ++, –). Say\u0131lar\u0131n JavaScript dilindeki tip kar\u015f\u0131l\u0131\u011f\u0131 “number” d\u0131r.<\/p>\n
\r\ntypeof 12 \/\/ "number"\r\ntypeof 3.543 \/\/ "number"\r\n<\/pre>\nVarsay\u0131lan Boolean De\u011ferleri<\/h3>\n
E\u011fer say\u0131 “0” ise boolean de\u011feri “false” tur.<\/p>\n
\r\n!0 \/\/ true\r\n!1 \/\/ false\r\n!-1 \/\/ false\r\n<\/pre>\nMath<\/h3>\n
JavaScript Math nesnesi ile beraber say\u0131larla \u00e7al\u0131\u015fmak \u00fczere faydal\u0131 gere\u00e7ler sunmaktad\u0131r.<\/p>\n
\r\nMath.PI \/\/ 3.141592653589793\r\nMath.cos( Math.PI ) \/\/ -1\r\n<\/pre>\nSay\u0131lar\u0131 Ayr\u0131\u015ft\u0131rma<\/h3>\n\r\nparseInt( "123" ) = 123 \/\/ (\u00f6rt\u00fcl\u00fc ondal\u0131k)\r\nparseInt( "010" ) = 8 \/\/ (\u00f6rt\u00fcl\u00fc sekizlik)\r\nparseInt( "0xCAFE" ) = 51966 \/\/ (\u00f6rt\u00fcl\u00fc on alt\u0131l\u0131k)\r\nparseInt( "010", 10 ) = 10 \/\/ (belirtilmi\u015f ondal\u0131k)\r\nparseInt( "11", 2 ) = 3 \/\/ (belirtilmi\u015f ikilik)\r\nparseFloat( "10.10" ) = 10.1\r\n<\/pre>\nSay\u0131dan Dizgiye D\u00f6n\u00fc\u015ft\u00fcrme<\/h3>\n
Say\u0131lar\u0131 dizgilere ekledi\u011fimizde sonu\u00e7 “string” olacakt\u0131r. Operat\u00f6rler ayn\u0131 oldu\u011fundan dolay\u0131 dikkatli olmakta fayda var. Say\u0131lar\u0131 toplad\u0131ktan sonra dizgilere eklemek istiyorsak parantez i\u00e7ine almam\u0131z gerekecektir.<\/p>\n
\r\n"" + 1 + 2; \/\/ "12"\r\n"" + ( 1 + 2 ); \/\/ "3"\r\n"" + 0.0000001; \/\/ "1e-7"\r\nparseInt( 0.0000001 ); \/\/ 1 (!)\r\n<\/pre>\nVeya JavaScript dilinin bize sunmu\u015f oldu\u011fu “String” s\u0131n\u0131f\u0131n\u0131 kullanarak de\u011ferleri bir “string” gibi i\u015fleyebiliriz.<\/p>\n
\r\nString( 1 ) + String( 2 ); \/\/ "12"\r\nString( 1 + 2 ); \/\/ "3"\r\n<\/pre>\nNaN and Infinity<\/h3>\n
“NaN: Not a Number” yani “Bir Say\u0131 De\u011fil”
\n“Infinity” Ad\u0131ndan anla\u015f\u0131laca\u011f\u0131 \u00fczere sonsuzlu\u011fu ifade ediyor.<\/p>\n
\r\nparseInt( "hello", 10 ) \/\/ NaN\r\nisNaN( parseInt("hello", 10) ) \/\/ true\r\n<\/pre>\nHerhangi bir say\u0131y\u0131 s\u0131f\u0131ra b\u00f6lmenin sonucu sonsuzluktur<\/p>\n
\r\n1 \/ 0 \/\/ Infinity yani Sonsuzluk\r\n<\/pre>\nNaN ve Infinity de\u011ferleri birer say\u0131d\u0131r.<\/p>\n
\r\ntypeof NaN \/\/ "number"\r\ntypeof Infinity \/\/ "number"\r\n<\/pre>\nTuhaf kar\u015f\u0131la\u015ft\u0131rmalar:<\/p>\n
\r\nNaN == NaN \/\/ false (!)\r\nama\r\nInfinity == Infinity \/\/ true\r\n<\/pre>\nInteger<\/h3>\n
Integer bir say\u0131 tipidir, ancak belirtildi\u011fi takdirde tam say\u0131 beklenir<\/p>\n
Float<\/h3>\n
Float bir say\u0131 tipidir, ancak belirtildi\u011fi takdirde ondal\u0131k say\u0131 beklenir.<\/p>\n
Boolean<\/h1>\n
Boolean de\u011fer JavaScript’te “true” veya “false” olabilir.<\/p>\n
\r\nif (true) console.log("Her zaman!")\r\nif (false) console.log("Asla!")\r\n<\/pre>\nNesne<\/h1>\n
JavaScript’teki her \u015fey birer nesnedir. Ama baz\u0131lar\u0131 daha bir nesnedir :). Bir nesne yaratman\u0131n en temel yolu:<\/p>\n
\r\nvar x = {};\r\nvar y = {\r\n isim: "Osman",\r\n yas: 27\r\n};\r\n<\/pre>\nNokta G\u00f6sterimi<\/h3>\n
Bir nesnenin \u00f6zelliklerini nokta (.) kullanarak okuyup, yazabiliriz.<\/p>\n
\r\ny.isim \/\/ "Osman"\r\ny.yas \/\/ 27\r\nx.isim = y.isim + " Yahya" \/\/ "Osman Yahya"\r\nx.yas = y.yas + 1 \/\/ 28\r\n<\/pre>\nDizi G\u00f6sterimi<\/h3>\n
Bir nesnenin \u00f6zelliklerini sanki bir diziymi\u015f gibi okuyup, yazabiliriz.<\/p>\n
\r\nvar operasyonlar = {\r\n arttir: "++",\r\n azalt: "--"\r\n};\r\nvar operasyon= "arttir";\r\noperasyonlar [ operasyon ] \/\/ "++"\r\noperasyonlar [ "carpma" ] = "*"; \/\/ "*"\r\n<\/pre>\n\u0130terasyon<\/h3>\n
\u0130terasyon i\u015flemi \u015fu \u015fekilde yap\u0131labilir.<\/p>\n
\r\nvar nesne = {\r\n isim: "Osman",\r\n yas: 27\r\n};\r\nfor( anahtar in nesne ) {\r\n alert( "anahtar " + [ anahtar ] + ", de\u011fer " + nesne[ anahtar] );\r\n}\r\n<\/pre>\nVarsay\u0131lan\u00a0Boolean De\u011ferleri<\/h3>\n
Bir nesnenin herhangi bir \u00f6zelli\u011fi olsun veyahut olmas\u0131n varsay\u0131lan de\u011feri asla “false” olmaz.<\/p>\n
\r\n!{} \/\/ false\r\n<\/pre>\nPrototip (Prototype)<\/h3>\n
Her nesne prototip “prototype” \u00f6zelli\u011fine sahiptir. Yorumlay\u0131c\u0131 nesnenin \u00f6zelliklerini kontrol ederken prototipine de bakar. JQuery nesnelere metotlar\u0131 eklemek i\u00e7in yayg\u0131n olarak bunu kullan\u0131r.<\/p>\n
\r\nvar form = $("#benimformum");\r\nform.clearForm; \/\/ belirtilmemi\u015f\r\nform.fn.clearForm = function() {\r\n return this.find( ":input" ).each(function() {\r\n this.value = "";\r\n }).end();\r\n};\r\nform.clearForm() \/\/ T\u00fcm jQuery nesneleri i\u00e7in \u00e7al\u0131\u015facakt\u0131r. \u00c7\u00fcnk\u00fc yeni metot, nesnenin prototipine eklenmi\u015ftir.\r\n<\/pre>\nDizi<\/h1>\n
JavaScript dilindeki diziler de\u011fi\u015ftirilebilir listelerdir. Ger\u00e7ek olarak diziler \u015fu \u015fekilde ifade edilir:<\/p>\n
\r\nvar x = [];\r\nvar y = [ 1, 2, 3 ];\r\n<\/pre>\nDizinin tipi nesne ise:<\/p>\n
\r\ntypeof []; \/\/ "object" nesne\r\ntypeof [ 1, 2, 3 ]; \/\/ "object" nesne\r\n<\/pre>\nDizi g\u00f6sterimi kullanarak dizideki elemanlar\u0131 okumak ve yazmak:<\/p>\n
\r\nx[ 0 ] = 1;\r\ny[ 2 ] \/\/ 3\r\n<\/pre>\n\u0130terasyon<\/h3>\n
Diziler iterasyonda da kullanabilece\u011fimiz length \u00f6zelli\u011fine sahiptirler.<\/p>\n
\r\nfor ( var i = 0; i < a.length; i++ ) {\r\n \/\/ a[i] ile bir \u015feyler yap\r\n}\r\n<\/pre>\nPerformans\u0131n \u00f6nemli oldu\u011fu durumlarda dizinin uzunlu\u011fu bir kere almak faydal\u0131 olacakt\u0131r.<\/p>\n
\r\nfor ( var i = 0, j = a.length; i < j; i++ ) {\r\n \/\/ Do something with a[i]\r\n}\r\n<\/pre>\nJQuery hem dizilerde hem de nesnelerde kullan\u0131lmak \u00fczere “each-function” dedi\u011fimiz iterasyon i\u00e7in kullan\u0131lan fonksiyonu bize sa\u011fl\u0131yor.<\/p>\n
\r\nvar x = [ 1, 2, 3 ];\r\njQuery.each( x, function( index, value ) {\r\n console.log( "index", index, "value", value );\r\n});\r\n<\/pre>\nDizilere eleman eklemek i\u00e7in length \u00f6zelli\u011fini \u015fu \u015fekilde kullanabiliriz. Bu y\u00f6ntem .push() metodu ile ayn\u0131 i\u015flevi g\u00f6rmektedir.<\/p>\n
\r\nvar dizi = [];\r\ndizi.push( 1 );\r\ndizi[ dizi.length ] = 2;\r\ndizi \/\/ [ 1, 2 ]\r\n<\/pre>\nJavaScript k\u00fct\u00fcphanesine bakt\u0131\u011f\u0131m\u0131zda bu iki y\u00f6ntemi de g\u00f6rebiliriz. Yerle\u015fik olarak gelen di\u011fer metotlar \u015funlard\u0131r:<\/p>\n
\r\nvar x = [ 0, 3, 1, 2 ];\r\nx.reverse() \/\/ [ 2, 1, 3, 0 ]\r\nx.join(" \u2013 ") \/\/ "2 - 1 - 3 - 0"\r\nx.pop() \/\/ [ 2, 1, 3 ]\r\nx.unshift( -1 ) \/\/ [ -1, 2, 1, 3 ]\r\nx.shift() \/\/ [ 2, 1, 3 ]\r\nx.sort() \/\/ [ 1, 2, 3 ]\r\nx.splice( 1, 2 ) \/\/ [ 2, 3 ]\r\n<\/pre>\nNot: .unshift() metodu Internet Explorer’da length \u00f6zelli\u011fini d\u00f6nd\u00fcrmemektedir.<\/p>\n
Varsay\u0131lan Boolean De\u011ferleri<\/h3>\n
Bir dizi dolu veya bo\u015f olsun varsay\u0131lan de\u011feri asla “false” olmaz.<\/p>\n
\r\n![] \/\/ false\r\n<\/pre>\nArray G\u00f6sterimi<\/h3>\n
JQuery API’de her zaman kar\u015f\u0131la\u015fabilece\u011finiz bir g\u00f6sterim, Array:<\/p>\n
\r\ndragPrevention Array\r\n<\/pre>\nBu kullan\u0131m beklenen de\u011ferin hem dizi (Array) olmas\u0131 gerekti\u011fini, hemde de\u011ferlerin “String” tipinde olmas\u0131 gerekti\u011fini belirtiyor.<\/p>\n
D\u00fcz Nesne (PlainObject)<\/h1>\n
Bu veri tipi AJAX fonksiyonu taraf\u0131ndan istenen verileri tutmak i\u00e7in kulland\u0131\u011f\u0131m\u0131z tiptir. Bu tip bir “String” veya Array<form> \u015feklinde form elemanlar\u0131n\u0131 tutan bir dizi de olabilir. Checkbox’lar gibi ayn\u0131 isimleri verdi\u011fimiz form elamanlar\u0131ndaki verileri atamak i\u00e7in \u015fu \u015fekilde kullanabiliriz.<\/p>\n
\r\n{ 'anahtar[]': [ 'degera', 'degerb' ] }\r\n<\/pre>\nSunucu taraf\u0131nda gelen veri \u015fu \u015fekilde kar\u015f\u0131lanacakt\u0131r.<\/p>\n
\r\n<!--?php $_REQUEST['key'][0]="degera"; $_REQUEST['key'][1]="degerb"; ?-->\r\n<\/pre>\nFonksiyon<\/h1>\n
JavaScript’te fonksiyonlar bir isme sahip olabilece\u011fi gibi isimsiz de olabilirler.<\/p>\n
\r\nfunction isimli() {}\r\nvar isimsiz = function() {}\r\n<\/pre>\nJQuery’de bir \u00e7ok isimsiz fonksiyonla kar\u015f\u0131la\u015fabilirsiniz.<\/p>\n
\r\n$( document ).ready(function() {});\r\n$( "a" ).click(function() {});\r\n$.ajax({\r\n url: "birdosya.php",\r\n success: function() {}\r\n});\r\n<\/pre>\nArg\u00fcmanlar<\/h3>\n
Fonksiyonlar\u0131n i\u00e7erisinde iken \u00f6zel bir de\u011fi\u015fken olan “arguments” de\u011fi\u015fkenini her zaman kullanabiliriz. Bu y\u00f6n\u00fcyle dizilerdeki length \u00f6zelli\u011fine benzetebiliriz. Ancak bu de\u011fi\u015fken, dizilerle beraber yerle\u015fik olarak gelen metotlardan yoksundur. S\u00f6zde dizimizin elemanlar\u0131 fonksiyon \u00e7a\u011fr\u0131m\u0131z\u0131n arg\u00fcman\u0131d\u0131r. \u00d6rne\u011fe bakarsak daha iyi anla\u015f\u0131laca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyorum.<\/p>\n
\r\nfunction log( x ) {\r\n console.log( typeof x, arguments.length );\r\n}\r\nlog(); \/\/ "undefined", 0\r\nlog( 1 ); \/\/ "number", 1\r\nlog( "1", "2", "3" ); \/\/ "string", 3\r\n<\/pre>\nNesne arg\u00fcmanlar\u0131 art\u0131 olarak “callee” \u00f6zelli\u011fine sahiptirler. Bu \u00f6zellik i\u00e7inde bulundu\u011fumuz fonksiyona i\u015faret eder.<\/p>\n
\r\nvar cokguzel= function() { return arguments.callee; }\r\ncokguzel() == cokguzel\/\/ true\r\n<\/pre>\nBa\u011flam, \u00c7a\u011f\u0131rma ve Uygulama<\/h3>\n
JavaScript’teki “this” de\u011fi\u015fkeni her daim bulundu\u011fu ba\u011flama i\u015faret eder. “This” de\u011fi\u015fkeni varsay\u0131lan olarak “window” nesnesine i\u015faret eder. Fonksiyonu \u00e7a\u011f\u0131rma \u015feklimize g\u00f6re, i\u015faret etti\u011fi ba\u011flam\u0131 de\u011fi\u015ftirebiliriz.<\/p>\n
\r\n$( document ).ready(function() {\r\n \/\/ window.document e i\u015faret ediyor\r\n});\r\n$( "a" ).click(function() {\r\n \/\/ bir \u00e7apa DOM eleman\u0131na i\u015faret ediyor\r\n});\r\n<\/pre>\nFonksiyonlar\u0131 de\u011fi\u015fik \u015fekillerde \u00e7a\u011f\u0131rabiliriz. Her birinin aras\u0131ndaki fark arg\u00fcman ge\u00e7irme tarz\u0131 olacakt\u0131r.<\/p>\n
\r\nfunction scope() {\r\n console.log( this, arguments.length );\r\n}\r\nscope() \/\/ window, 0\r\nscope.call( "seyler", [ 1, 2 ] ); \/\/ "seyler", 1\r\nscope.apply( "seyler", [ 1, 2 ] ); \/\/ "seyler", 2\r\n<\/pre>\nKapsam<\/h3>\n
JavaScript’teki t\u00fcm de\u011fi\u015fkenler bulundu\u011fu fonksiyon kapsam\u0131 i\u00e7erisinde ge\u00e7erlidir. \u00d6rne\u011fin:<\/p>\n
\r\n\/\/ global\r\nvar a = 0;\r\n(function() {\r\n \/\/ private\r\n var a = 1;\r\n console.log( a ); \/\/ 1\r\n})();\r\nconsole.log( a ); \/\/ 0\r\n<\/pre>\nKilitler<\/h3>\n
Kilit mekanizmalar\u0131n\u0131 bir s\u0131n\u0131f i\u00e7erisinde tan\u0131mlanm\u0131\u015f, “private” de\u011fi\u015fkenlere benzetebiliriz. Sadece bulundu\u011fu fonksiyonlar taraf\u0131ndan de\u011fi\u015ftirilebilirler. \u00d6rnek daha iyi anlamam\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n
\r\nfunction yarat() {\r\n var sayac = 0;\r\n return {\r\n arttir: function() {\r\n sayac++;\r\n },\r\n yazdir: function() {\r\n console.log( sayac );\r\n }\r\n }\r\n}\r\nvar c = yarat();\r\nc.arttir();\r\nc.yazdir(); \/\/ 1\r\n<\/pre>\nProxy Pattern<\/h3>\n
Bir “proxy pattern” dedi\u011fimiz yap\u0131y\u0131 uygulamak i\u00e7in (AOP) Aspect Oriented Programming’in temellerini uygulayabiliriz.<\/p>\n
\r\n(function() {\r\n \/\/ T\u00fcm setArray \u00e7a\u011f\u0131rmalar\u0131n\u0131 k\u00fct\u00fckle (log)\r\n var proxied = jQuery.fn.setArray;\r\n jQuery.fn.setArray = function() {\r\n console.log( this, arguments );\r\n return proxied.apply( this, arguments );\r\n };\r\n})();\r\n<\/pre>\nCallback<\/h1>\n
Callback’ler temel olarak birer JavaScript fonksiyonudur. Metotlara arg\u00fcman veya se\u00e7enek olarak ge\u00e7irilirler. Bulunan durum tetiklendi\u011finde kullan\u0131c\u0131ya tepki \u015fans\u0131 vermek i\u00e7in kullan\u0131lan olaylard\u0131r. JQuery’deki yap\u0131 \u015fu \u015fekildedir.<\/p>\n
\r\n$( "body" ).click(function( event ) {\r\n console.log( "t\u0131kland\u0131: " + event.target );\r\n});\r\n<\/pre>\nBaz\u0131 Callback’ler ise sadece bir \u015feyler d\u00f6nd\u00fcrmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n
\r\n$( "#formum" ).submit(function() {\r\n return false;\r\n});\r\n<\/pre>\nBu kullan\u0131mda s\u00fcrekli olarak “false” d\u00f6nd\u00fcrmek yerine, gerekli do\u011frulama i\u015flemlerinin ard\u0131ndan “true” de\u011feri de d\u00f6nd\u00fcr\u00fclebilir.<\/p>\n
Se\u00e7ici (Selector)<\/h1>\n
Se\u00e7iciler bir DOM (Belge Nesnesi Modeli) belgedeki DOM eleman\u0131na ula\u015fmak i\u00e7in kullan\u0131l\u0131r. Bu konunun bir ucuna jQuery ve CSS makalesinde de\u011finece\u011fim. Bu konu hakk\u0131nda daha fazla bilgiye https:\/\/api.jquery.com\/category\/selectors\/<\/a> adresinden ula\u015fabilirsiniz.<\/p>\nElement<\/h1>\n
Bir DOM belgedeki t\u00fcm elementler niteliklere ve \u00e7ocuklara sahiptirler. Bu y\u00f6ntem bunlara kolayca ula\u015fmam\u0131z\u0131 sa\u011fl\u0131yor.<\/p>\n
\r\n$( ":text" ).blur(function() {\r\n if( !this.value ) {\r\n alert( "L\u00fctfen bir \u015feyler girin!" );\r\n }\r\n});\r\n<\/pre>\nJQuery<\/h1>\n
JQuery nesnesi HTML veya bir belgeden se\u00e7ilen t\u00fcm DOM elemanlar\u0131 i\u00e7erir. jQuery() kullan\u0131m\u0131 uzun oldu\u011fundan $() \u015feklinde de kullan\u0131m\u0131 m\u00fcmk\u00fcn k\u0131l\u0131nm\u0131\u015ft\u0131r. jQuery.noConflict() kullanarak istedi\u011finiz karakteri, kelimeyi $() yerine kullanabilirsiniz.<\/p>\n
\r\nvar $j = jQuery.noConflict();\r\n<\/pre>\nXMLHttpRequest<\/h1>\n
AJAX metodu kullan\u0131l\u0131rken i\u015flem sonucunu ele al\u0131p ona g\u00f6re i\u015flem yapmam\u0131z\u0131 sa\u011flayan nesnedir.<\/p>\n
jqXHR<\/h1>\n
JQuery 1.5 ile birlikte gelen $.ajax() metodu jqXHR nesnesini d\u00f6nd\u00fcrmektedir. Daha fazla bilgi i\u00e7in https:\/\/api.jquery.com\/jQuery.ajax\/#jqXHR<\/a> adresini ziyaret ediniz.<\/p>\nDeferred Object<\/h1>\n
JQuery 1.5 ile birlikte gelen Deferred nesnesi bir \u00e7ok callback olu\u015fturmam\u0131z\u0131 sa\u011flar. Daha fazla bilgiye https:\/\/api.jquery.com\/category\/deferred-object\/<\/a> adresinden ula\u015fabilirsiniz.<\/p>\nPromise Object<\/h1>\n
Deferred nesnesinin alt metotlar\u0131n\u0131 sa\u011flar (then, done, fail, always, pipe. isResolved, ve isRejected). Amac\u0131, kullan\u0131c\u0131n\u0131n deferred nesnenin durumunu de\u011fi\u015ftirmesini engellemektir.<\/p>\n
Callbacks Object<\/h1>\n
\u00c7ok y\u00f6nl\u00fc bu nesnenin en g\u00fc\u00e7l\u00fc taraf\u0131 callback listleri y\u00f6netmektir. Callback’leri ekleme, silme, ate\u015fleme ve iptal etmek \u00f6zelli\u011fi vard\u0131r. Callback nesnesi $.Callbacks taraf\u0131ndan yarat\u0131l\u0131r ve geri d\u00f6nd\u00fcr\u00fcl\u00fcr.<\/p>\n