jQuery Event

1. click

• İşlev, kullanıcı HTML öğesine tıkladığında yürütülür.

2. dblclick

• İşlev, kullanıcı HTML öğesine çift tıkladığında yürütülür:

3. mouseenter

• İmleci öğenin üzerine getirdiğimizde.

4. mouseleave

• İmleci öğeden kaldırdığımızda.

5. mousedown

• Kullanıcı fare düğmesine bastığında tetiklenir.

5. mouseup

• Kullanıcı fare düğmesini bıraktığında tetiklenir.

6. hover

• Yöntem iki işlev alır ve ve yöntemlerinin hover()bir birleşimidir .mouseenter()mouseleave()
• İlk işlev, fare HTML öğesine girdiğinde yürütülür ve ikinci işlev, fare HTML öğesinden ayrıldığında yürütülür

7. focus

• İşlev, form alanı odaklandığında yürütülür

8. blur

• İşlev, form alanı odağı kaybettiğinde yürütülür

9. on

• Bir öğeye birden çok olay işleyicisi ekler.
• ` $("p").on({ mouseenter: function(){ $(this).css("background-color", "lightgray"); }, mouseleave: function(){ $(this).css("background-color", "lightblue"); }, click: function(){ $(this).css("background-color", "yellow"); } });

jQuery Effects

1. hide()

• HTML öğelerini gizleyebilir.

2. show()

• HTML öğelerini gösterebilirsiniz.

3. toggle()

• Yöntemle bir öğeyi gizleme ve gösterme arasında da geçiş yapabilirsiniz .Gösterilen öğeler gizler ve gizli öğeler gösterilir.

4. fadeIn()

• gizli bir öğede kaybolmak için kullanılır.
• $(selector).fadeIn(speed,callback);
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.

5. fadeOut()

• görünür bir öğeyi karartmak için kullanılır.
• $(selector).fadeOut(speed,callback);
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.

6. fadeToggle()

• yöntemi ve fadeIn() ve fadeOut() arasında geçiş yapar
• $(selector).fadeToggle(speed,callback);
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.

7. fadeTo()

• belirli bir opaklığa (0 ile 1 arasındaki değer) solmaya izin verir.
• $(selector).fadeTo(speed,opacity,callback);
• Gerekli hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.Yöntemdeki gerekli opaklık parametresi, fadeTo()belirli bir opaklığa geçişi belirtir (0 ile 1 arasındaki değer).

8. slideDown()

• bir öğeyi aşağı kaydırmak için kullanılır.
• $(selector).slideDown(speed,callback);
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.

9. slideUp()

• bir öğeyi yukarı kaydırmak için kullanılır.
• $(selector).slideUp(speed,callback);
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.

10. slideToggle()

• slideDown() ve slideUp() arasında geçiş yapar
• $(selector).slideToggle(speed,callback);
• İsteğe bağlı hız parametresi şu değerleri alabilir: "yavaş", "hızlı", milisaniye.

11. animate()

• özel animasyonlar oluşturmak için kullanılır.
• $(selector).animate({params},speed,callback);
• Gerekli params parametresi, canlandırılacak CSS özelliklerini tanımlar.
• İsteğe bağlı hız parametresi, etkinin süresini belirtir. Şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.
• İsteğe bağlı geri arama parametresi, animasyon tamamlandıktan sonra yürütülecek bir işlevdir.
• $("button").click(function(){ $("div").animate({left: '250px'}); });
• $("button").click(function(){ $("div").animate({ left: '250px', height: '+=150px', width: '+=150px' }); });

12. stop()

• bir animasyonu veya efekti bitmeden durdurmak için kullanılır.
• (selector).stop(stopAll,goToEnd);
• İsteğe bağlı stopAll parametresi, animasyon kuyruğunun da temizlenip temizlenmeyeceğini belirtir. Varsayılan yanlıştır; bu, yalnızca etkin animasyonun durdurulacağı ve daha sonra sıraya alınmış animasyonların gerçekleştirilmesine izin verileceği anlamına gelir.
• İsteğe bağlı goToEnd parametresi, geçerli animasyonun hemen tamamlanıp tamamlanmayacağını belirtir. Varsayılan yanlıştır.
• Bu nedenle, varsayılan olarak stop()yöntem, seçili öğe üzerinde gerçekleştirilen geçerli animasyonu öldürür.
• $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown(5000); }); $("#stop").click(function(){ $("#panel").stop(); }); });

13. Callback

• JavaScript ifadeleri satır satır yürütülür. Ancak efektlerle, efekt bitmese bile bir sonraki kod satırı çalıştırılabilir. Bu hatalar oluşturabilir.
• Bunu önlemek için bir geri arama işlevi oluşturabilirsiniz.
• Geçerli efekt bittikten sonra bir geri arama işlevi yürütülür.Tipik sözdizimi: $( selector ).hide( hız,geri arama );
• $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); });

14. Chaining (Zincirleme)

• Şimdiye kadar jQuery deyimlerini teker teker (birbiri ardına) yazıyorduk.Ancak, aynı eleman(lar) üzerinde birbiri ardına birden fazla jQuery komutu çalıştırmamıza izin veren zincirleme adı verilen bir teknik vardır.
• İpucu: Bu şekilde, tarayıcıların aynı öğeyi/elemanları bir kereden fazla bulması gerekmez.
• Bir eylemi zincirlemek için, eylemi önceki eyleme eklemeniz yeterlidir.
• Aşağıdaki örnek css(), slideUp(), ve slideDown() yöntemlerini birlikte zincirler. "p1" öğesi önce kırmızıya döner, sonra yukarı kayar ve sonra aşağı kayar:
• $("#p1").css("color", "red").slideUp(2000).slideDown(2000);

HTML

1.Get

1.1. text()

• Seçili öğelerin metin içeriğini ayarlar veya döndürür - $("#btn1").click(function(){ alert("Text: " + $("#test").text()); });

1.2. html()

• Seçilen öğelerin içeriğini ayarlar veya döndürür (HTML etiketleri dahil)
• $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); });

1.3. val()

• Form alanlarının değerini ayarlar veya döndürür.
• $("#btn1").click(function(){ alert("Value: " + $("#test").val()); });

1.4. attr()

• Öznitelik değerlerini elde etmek için kullanılır.
• $(document).ready(function(){ $("button").click(function(){ alert($("#w3s").attr("href")); }); });
• <p><a href="https://www.w3schools.com" id="w3s">W3Schools.com</a></p>
• https://www.w3schools.com çıktısını veririr

2. Set

2.1 text()

• Seçili öğelerin metin içeriğini ayarlar veya döndürür
• $("#btn1").click(function(){ $("#test1").text("Hello world!"); });

2.2 html().

• Seçilen öğelerin içeriğini ayarlar veya döndürür (HTML işaretlemesi dahil)
• $("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>"); });

2.3 val()

• Form alanlarının değerini ayarlar veya döndürür
• $("#btn3").click(function(){ $("#test3").val("Dolly Duck"); })

2.4 attr()

• öznitelik değerlerini ayarlamak/değiştirmek için de kullanılır.
• $("button").click(function(){ $("#w3s").attr("href", "https://www.w3schools.com/jquery/"); });

3. Add

3.1. append()

• Seçilen öğelerin sonuna içerik ekler ( öğenin içine içeriğin eklenmesidir )

3.2. prepend()

• Seçilen öğelerin başına içerik ekler ( öğenin içine içeriğin eklenmesidir )

3.3. after()

• Seçilen öğelerden sonra içerik ekler ( öğenin dışına içeriğin eklenmesidir )

3.4. before()

• Seçili öğelerden önce içerik ekler ( öğenin dışına içeriğin eklenmesidir )

4. Remove Elements/Content

4.1. remove()

• Seçili öğeyi (ve onun alt öğelerini) kaldırır

4.2. empty()

• Seçili öğeden alt öğeleri kaldırır.Seçili öğe kaldırılmaz. içerik silinir

5. Get and Set CSS Classes

5.1. addClass()

• Seçili öğelere bir veya daha fazla sınıf ekler

5.2. removeClass()

• Seçili öğelerden bir veya daha fazla sınıfı kaldırır

5.3. toggleClass()

• Seçili öğelerden sınıf ekleme/çıkarma arasında geçiş yapar
• $("button").click(function(){ $("h1, h2, p").toggleClass("blue"); });

5.4. css()

• Stil niteliğini ayarlar veya döndürür
• Belirtilen bir CSS özelliğinin değerini döndürmek için aşağıdaki sözdizimini kullanın
• css("propertyname"); ( $("p").css("background-color"); ) ( İLK eşleşen öğenin arka plan rengi değerini döndürür)
• elirtilen bir CSS özelliğini ayarlamak için aşağıdaki sözdizimini kullanın: -css("propertyname","value");
• $("p").css("background-color", "yellow");
• Birden Çok CSS Özelliği Ayarla
• css({"propertyname":"value","propertyname":"value",...});
• eşleşen TÜM öğeler için bir arka plan rengi ve bir yazı tipi boyutu ayarlayacaktır:
• $("p").css({"background-color": "yellow", "font-size": "200%"});

6. Dimensions(Hacim-Boyut)

6.1. width()

• bir öğenin genişliğini ayarlar veya döndürür (padding, border ve margin hariç).

6.2. height()

• bir öğenin yüksekliğini ayarlar veya döndürür (padding, border vemargin hariç).

6.3. innerWidth()

• bir öğenin genişliğini döndürür (padding içerir).

6.4. innerHeight()

• bir öğenin yüksekliğini döndürür (padding içerir).

6.5. outerWidth()

• bir öğenin genişliğini döndürür (padding ve border içerir).

6.6. outerHeight()

• bir öğenin yüksekliğini döndürür (padding ve border içerir).

6.7. outerWidth(true)

• bir öğenin genişliğini döndürür (padding, border ve margin içerir).

6.8. outerHeight(true)

• bir öğenin yüksekliğini döndürür (padding, border ve margin içerir).
• $(document).ready(function(){ $("button").click(function(){ var txt = ""; txt += "Document width/height: " + $(document).width(); txt += "x" + $(document).height() + "\n"; txt += "Window width/height: " + $(window).width(); txt += "x" + $(window).height(); alert(txt); }); });

Traversing (Gezinme)

1. parent()

• seçilen öğenin doğrudan üst öğesini döndürür.

2. parents()

• belgenin kök öğesine kadar seçili öğenin tüm üst öğelerini döndürür .

3. parentsUntil()

• verilen iki bağımsız değişken arasındaki tüm üst öğeleri döndürür.
• Aşağıdaki örnek, a ile bir
  öğe arasındaki tüm üst öğeleri döndürür:
• $(document).ready(function(){ $("span").parentsUntil("div"); });

4. children()

• seçilen öğenin tüm doğrudan alt öğelerini döndürür.
• her bir öğenin doğrudan çocukları olan tüm öğeleri döndürür
• <div><p><p></p></p></div> 2 p de child dır

5. find()

• seçilen öğenin alt öğelerini son alt öğeye kadar döndürür.
• seçilen öğenin alt öğelerini son alt öğeye kadar döndürür.
• torunları olan tüm öğeleri döndürür

6. siblings()

• seçilen öğenin tüm kardeş öğelerini döndürür.

7. next()

• seçilen öğenin bir sonraki kardeş öğesini döndürür.

8. nextAll()

• seçilen öğenin sonraki tüm kardeş öğelerini döndürür.

9. nextUntil()

• verilen iki bağımsız değişken arasındaki sonraki tüm kardeş öğeleri döndürür.

10. prev()

• seçilen öğenin bir önceki kardeş öğesini döndürür.

11. prevAll()

• seçilen öğenin önceki tüm kardeş öğelerini döndürür.

12. prevUntil()

• verilen iki bağımsız değişken arasından önceki tüm kardeş öğeleri döndürür.

13. first()

• belirtilen öğelerin ilk öğesini döndürür.

14. last()

• belirtilen öğelerin son öğesini döndürür.

15. eq()

• seçilen öğelerin belirli bir dizin numarasına sahip bir öğe döndürür.
• Dizin numaraları 0'dan başlar, bu nedenle ilk öğe 1 değil 0 dizin numarasına sahip olacaktır. Aşağıdaki örnek ikinci

  öğeyi seçer (dizin numarası 1)

• $(document).ready(function(){ $("p").eq(1); });

16. filter()

• bir ölçüt belirlemenizi sağlar. Kriterlerle eşleşmeyen öğeler seçimden çıkarılır ve eşleşen öğeler döndürülür.
• $(document).ready(function(){ $("p").filter(".intro"); });

17. not()

• ölçütlerle eşleşmeyen tüm öğeleri döndürür.
• İpucu: Yöntem not(), öğesinin tam tersidir filter().
• Aşağıdaki örnek,

  "intro" sınıf adına sahip olmayan tüm öğeleri döndürür

• $(document).ready(function(){ $("p").not(".intro"); });

AJAX

1. load()

• yöntemi basit ama güçlü bir AJAX yöntemidir.
• bir sunucudan veri yükler ve döndürülen verileri seçilen öğeye yerleştirir.
• $(selector).load(URL,data,callback);
• Gerekli URL parametresi, yüklemek istediğiniz URL'yi belirtir.
• İsteğe bağlı veri parametresi, istekle birlikte gönderilecek bir dizi sorgu dizesi anahtar/değer çifti belirtir.
• İsteğe bağlı geri çağırma parametresi, yöntem tamamlandıktan sonra yürütülecek bir işlevin adıdır .
• Aşağıdaki örnek, "demo_test.txt" dosyasının içeriğini belirli bir
  öğeye yükler
• $("#div1").load("demo_test.txt");
• Aşağıdaki örnek, "demo_test.txt" dosyasının içindeki id="p1" öğesinin içeriğini belirli bir
  öğeye yükler
• $("#div1").load("demo_test.txt #p1");
• load() İsteğe bağlı geri arama parametresi, yöntem tamamlandığında çalıştırılacak bir geri arama işlevini belirtir . Geri arama işlevi farklı parametrelere sahip olabilir:
  • responseTxt- arama başarılı olursa ortaya çıkan içeriği içerir
  • statusTxt- aramanın durumunu içerir
  • xhr- XMLHttpRequest nesnesini içerir
• Aşağıdaki örnek, load() yöntemi tamamlandıktan sonra bir uyarı kutusu görüntüler. Yöntem başarılı olursa, load()"Harici içerik başarıyla yüklendi!" mesajını görüntüler ve başarısız olursa bir hata mesajı görüntüler:
• $("button").click(function(){ $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){ if(statusTxt == "success") alert("External content loaded successfully!"); if(statusTxt == "error") alert("Error: " + xhr.status + ": " + xhr.statusText); }); });

2. $.get()

• sunucudan bir HTTP GET isteği ile veri ister.
• $.get(URL,callback);
• Aşağıdaki örnek $.get(), sunucudaki bir dosyadan veri almak için yöntemi kullanır:
• $("button").click(function(){ $.get("demo_test.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); });

3. $.post()

• bir HTTP POST isteği kullanarak sunucudan veri ister.
• $.post(URL,data,callback);
• Gerekli URL parametresi, talep etmek istediğiniz URL'yi belirtir.
• İsteğe bağlı veri parametresi, istekle birlikte gönderilecek bazı verileri belirtir.
• İsteğe bağlı geri arama parametresi, istek başarılı olursa yürütülecek işlevin adıdır.
• Aşağıdaki örnek $.post(), istekle birlikte bazı verileri göndermek için yöntemi kullanır:
• $("button").click(function(){ $.post("demo_test_post.asp", { name: "Donald Duck", city: "Duckburg" }, function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); });

Misc

1. noConflict()

• diğer komut dosyalarının kullanabilmesi için $ kısayol tanımlayıcısındaki bekletmeyi serbest bırakır.
• $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery is still working!"); }); });
• Kendi kısayolunuzu da çok kolay bir şekilde oluşturabilirsiniz. Yöntem noConflict(), daha sonra kullanmak üzere bir değişkene kaydedebileceğiniz jQuery'ye bir başvuru döndürür. İşte bir örnek:
• var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery is still working!"); }); });

2. Filtreleme

• Giriş alanının değeriyle eşleşen herhangi bir metin değeri olup olmadığını kontrol etmek için her tablo satırında döngü yapmak için jQuery kullanıyoruz. Yöntem , aramayla eşleşmeyen toggle()satırı ( ) gizler . Metni küçük harfe dönüştürmek için DOM yöntemini kullanırız, bu da aramanın büyük/küçük harfe duyarlı olmamasını sağlar (aramada "john", "John" ve hatta "JOHN" kullanımına izin verir) display:none.toLowerCase()
• tablo filtrele (myInput id listeye tabloya vb verilebilir.)
• $(document).ready(function(){ $("#myInput").on("keyup", function() { var value = $(this).val().toLowerCase(); $("#myTable tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); });

jQuery Selectors

$

Sıra	Selector	Örnek	Açıklama
1	*	$("*")	Tüm Elementler
2	#id	$("#lastname")	Idsi lastname olan Elementler
3	.class	$(".intro")	classı intro olan tüm Elementler
4	.class,.class	$(".intro,.demo")	classı intro veya demo olan tüm Elementler
5	"p"	$("p")	Tüm p öğeleri
6	el1,el2,el3	$("h1,div,p")	Tüm h1,div ve p elementleri
7	:last	("p:last")	son p elemanı
8	:even	$("tr:even")	tüm çift indeksli tr elementleri
9	:odd	$("tr:odd")	tüm tek indeksli tr elementleri
10	:first-child	$("p:first-child")	Ebeveynlerinin ilk çocuğu olan tüm p öğeleri
11	:first-of-type	$("p:first-of-type")	Ebeveynlerinin ilk p öğesi olan tüm p öğeleri
12	:last-child	$("p:last-child")	Ebeveynlerinin son çocuğu olan tüm p öğeleri
13	:last-of-type	$("p:last-of-type")	Ebeveynlerinin son p öğesi olan tüm p öğeleri
14	:nth-child(n)	$("p:nth-child(2)")	Ebeveynlerinin 2. çocuğu olan tüm p öğeleri
15	:nth-last-child(n)	$("p:nth-last-child(2)")	Son çocuktan itibaren ebeveyninin 2. çocuğu olan tüm p öğeleri
16	:nth-of-type(n)	$("p:nth-of-type(2)")	Ebeveynlerinin 2. p öğesi olan tüm p öğeleri
17	:nth-last-of-type(n)	$("p:nth-last-of-type(2)")	Son çocuktan itibaren ebeveyninin 2. p öğesi olan tüm p öğeleri
18	:only-child	$("p:only-child")	Ebeveynlerinin tek çocuğu olan tüm p öğeleri
19	:only-of-type	$("p:only-of-type")	Kendi türünde ebeveyninin tek çocuğu olan tüm p öğeleri
20	parent > child	$("div > p")	Bir div öğesinin doğrudan çocuğu olan tüm p öğeleri
21	parent descendant	$("div p")	Bir div öğesinin soyundan gelen tüm p öğeleri
22	element + next	$("div + p")	Her div öğesinin yanındaki p öğesi
23	element ~ siblings	$("div ~ p")	div öğesinden sonra görünen tüm p öğeleri
24	:eq(index)	$("ul li:eq(3)")	Listedeki dördüncü öğe (dizin 0'dan başlar)
25	:gt(no)	$("ul li:gt(3)")	3'ten büyük bir dizine sahip öğeleri listeleyin
26	:lt(no)	$("ul li:lt(3)")	3'ten küçük bir dizine sahip öğeleri listeleyin
27	:not(selector)	$("input:not(:empty)")	Boş olmayan tüm girdi öğeleri
28	:header	$(":header")	Tüm başlık öğeleri h1, h2 ...
29	:animated	$(":animated")	Tüm animasyonlu öğeler
30	:focus	$(":focus")	Şu anda odaklanmış olan öğe
31	:contains(text)	$(":contains('Hello')")	"Merhaba" metnini içeren tüm öğeler
32	:has(selector)	$("div:has(p)")	p öğesine sahip tüm div öğeleri
33	:empty	$(":empty")	Boş olan tüm elemanlar
34	:parent	$(":parent")	Başka bir öğenin ebeveyni olan tüm öğeler
35	:hidden	$("p:hidden")	Tüm gizli p öğeleri
36	:visible	$("table:visible")	Tüm görünür tablolar
37	:root	$(":root")	Belgenin kök öğesi
38	:lang(language)	$("p:lang(de)")	"de" ile başlayan bir lang öznitelik değerine sahip tüm p öğeleri
39	[attribute]	$("[href]")	Bir href özniteliğine sahip tüm öğeler
40	[attribute=value]	$("[href='default.htm']")	"default.htm" değerine eşit bir href öznitelik değerine sahip tüm öğeler
41	[attribute!=value]	$("[href!='default.htm']")	"default.htm" değerine eşit olmayan bir href öznitelik değerine sahip tüm öğeler
42	[attribute$=value]	$("[href$='.jpg']")	".jpg" ile biten bir href öznitelik değerine sahip tüm öğeler
43	[attribute|=value]	$("[title|='Tomorrow']")	Başlık öznitelik değeri "Tomorrow"a eşit olan veya "Tomorrow" ile başlayan ve ardından kısa çizgi gelen tüm öğeler
44	[attribute^=value]	$("[title^='Tom']")	"Tom" ile başlayan bir başlık özelliği değerine sahip tüm öğeler
45	[attribute~=value]	$("[title~='hello']")	Belirli "hello" kelimesini içeren bir başlık öznitelik değerine sahip tüm öğeler
46	[attribute*=value]	$("[title*='hello']")	"hello" kelimesini içeren başlık özelliği değerine sahip tüm öğeler
47	:input	$(":input")	Tüm input elementleri
48	:text	$(":text")	type="text" olan tüm input elementleri
49	:password	$(":password")	type="password" olan tüm input elementleri
50	:radio	$(":radio")	type="radio" olan tüm input elementleri
51	:checkbox	$(":checkbox")	type="checkbox" olan tüm input elementleri
502	:submit	$(":submit")	type="submit" olan tüm input elementleri
53	:reset	$(":reset")	type="reset" olan tüm input elementleri
54	:button	$(":button")	type="button" olan tüm input elementleri
55	:image	$(":image")	type="image" olan tüm input elementleri
56	:file	$(":file")	type="file" olan tüm input elementleri
57	:enabled	$(":enabled")	Tüm enabled input elementleri
58	:disabled	$(":disabled")	Tüm disabled input elementleri
59	:selected	$(":selected")	Tüm selected input elementleri
60	:checked	$(":checked")	Tüm checked input elementleri

jQuery Event

Sıra	Method	Açıklama
1	blur()	İşlev, form alanı odağı kaybettiğinde yürütülür
2	change()	change olayını ekler/tetikler
3	click()	Click olayını ekler/tetikler
4	dblclick()	Çift tıklama olayını ekler/tetikler
5	event.currentTarget	Olay köpürme aşamasındaki mevcut DOM öğesi
6	event.data	Geçerli yürütme işleyicisi bağlandığında bir olay yöntemine geçirilen isteğe bağlı verileri içerir
7	event.delegateTarget	Şu anda çağrılan jQuery olay işleyicisinin eklendiği öğeyi döndürür
8	event.isDefaultPrevented()	Olay nesnesi için event.preventDefault() öğesinin çağrılıp çağrılmadığını döndürür
9	event.isImmediatePropagationStopped()	Olay nesnesi için event.stopImmediatePropagation() öğesinin çağrılıp çağrılmadığını döndürür
10	event.isPropagationStopped()	Olay nesnesi için event.stopPropagation() öğesinin çağrılıp çağrılmadığını döndürür
11	event.namespace	Olay tetiklendiğinde belirtilen ad alanını döndürür
12	event.pageX	Belgenin sol kenarına göre fare konumunu döndürür
13	event.pageY	Belgenin üst kenarına göre fare konumunu döndürür
14	event.preventDefault()	Etkinliğin varsayılan eylemini engeller
15	event.relatedTarget	Fare hareketinde hangi öğenin girildiğini veya çıktığını döndürür
16	event.result	Belirtilen olay tarafından tetiklenen bir olay işleyicisi tarafından döndürülen son/önceki değeri içerir
17	event.stopImmediatePropagation()	Diğer olay işleyicilerinin çağrılmasını engeller
18	event.stopPropagation()	Olayın DOM ağacında köpürmesini önleyerek, herhangi bir ebeveyn işleyicisinin olaydan haberdar edilmesini engeller
19	event.target	Hangi DOM öğesinin olayı tetiklediğini döndürür
20	event.timeStamp	Olayın tetiklendiği 1 Ocak 1970'den bu yana geçen milisaniye sayısını döndürür
21	event.type	Hangi olay türünün tetiklendiğini döndürür
22	event.which	Olay için hangi klavye tuşuna veya fare düğmesine basıldığını döndürür
23	focus()	Odak olayını ekler/tetikler
24	focusin()	Focusin olayına bir olay işleyicisi ekler
25	focusout()	Focusout olayına bir olay işleyicisi ekler
26	hover()	Hover olayına iki olay işleyicisi ekler
27	keydown()	Keydown olayını ekler/tetikler
28	keypress()	Tuşa basma olayını ekler/tetikler
29	keyup()	Keyup olayını ekler/tetikler
30	mousedown()	Mousedown olayını ekler/tetikler
31	mouseenter()	Mouseenter olayını ekler/tetikler
32	mouseleave()	Mouseleave olayını ekler/tetikler
33	mousemove()	Mousemove olayını ekler/tetikler
34	mouseout()	Mouseout olayını ekler/tetikler
35	mouseover()	Mouseover olayını ekler/tetikler
36	mouseup()	Mouseup olayını ekler/tetikler
37	off()	on() yöntemiyle eklenen olay işleyicilerini kaldırır
38	on()	Olay işleyicilerini öğelere ekler
39	one()	Seçili öğelere bir veya daha fazla olay işleyici ekler. Bu işleyici, öğe başına yalnızca bir kez tetiklenebilir
40	$.proxy()	Mevcut bir işlevi alır ve belirli bir bağlamla yeni bir işlev döndürür
41	ready()	DOM tamamen yüklendiğinde yürütülecek bir işlevi belirtir
42	resize()	Yeniden boyutlandırma olayını ekler/tetikler
43	scroll()	Kaydırma olayını ekler/tetikler
44	select()	Select olayını ekler/tetikler
45	submit()	Gönderme olayını ekler/tetikler
46	trigger()	Seçili öğelere bağlı tüm olayları tetikler
47	triggerHandler()	Seçilen öğeler için belirli bir olaya bağlı tüm işlevleri tetikler

jQuery Effect

Sıra	Metod	Açıklama
1	animate()	Seçili öğeler üzerinde özel bir animasyon çalıştırır
2	clearQueue()	Seçilen öğelerden kalan tüm sıraya alınmış işlevleri kaldırır
3	delay()	Seçili öğelerdeki tüm sıraya alınmış işlevler için bir gecikme ayarlar
4	dequeue()	Sıradan sonraki işlevi kaldırır ve ardından işlevi yürütür
5	fadeIn()	Seçili öğelerde kaybolur
6	fadeOut()	Seçili öğeleri karartır
7	fadeTo()	Seçilen öğeleri belirli bir opaklığa sokar/açar
8	fadeToggle()	fadeIn() ve fadeOut() yöntemleri arasında geçiş yapar
9	finish()	Seçilen öğeler için sıraya alınmış tüm animasyonları durdurur, kaldırır ve tamamlar
10	hide()	Seçili öğeleri gizler
11	queue()	Seçili öğelerde sıraya alınmış işlevleri gösterir
12	show()	Seçilen öğeleri gösterir
13	slideDown()	Seçili öğeleri aşağı kaydırır (gösterir)
14	slideToggle()	slideUp() ve slideDown() yöntemleri arasında geçiş yapar
15	slideUp()	Seçili öğeleri yukarı kaydırır (gizler)
16	stop()	Seçili öğeler için şu anda çalışan animasyonu durdurur
17	toggle()	hide() ve show() yöntemleri arasında geçiş yapar

jQuery HTML / CSS Methods

Sıra	Metod	Açıklama
1	addClass()	Seçili öğelere bir veya daha fazla sınıf adı ekler
2	after()	Seçilen öğelerden sonra içerik ekler
3	append()	Seçilen öğelerin sonuna içerik ekler
4	appendTo()	Seçilen öğelerin sonuna HTML öğeleri ekler
5	attr()	Seçili öğelerin niteliklerini/değerlerini ayarlar veya döndürür
6	before()	İçeriği seçilen öğelerden önce ekler
7	clone()	Seçili öğelerin bir kopyasını oluşturur
8	css()	Seçili öğeler için bir veya daha fazla stil özelliğini ayarlar veya döndürür
9	detach()	Seçilen öğeleri kaldırır (verileri ve olayları tutar)
10	empty()	Tüm alt düğümleri ve içeriği seçili öğelerden kaldırır
11	hasClass()	Seçilen öğelerden herhangi birinin belirli bir sınıf adına sahip olup olmadığını kontrol eder
12	height()	Seçili öğelerin yüksekliğini ayarlar veya döndürür
13	html()	Seçili öğelerin içeriğini ayarlar veya döndürür
14	innerHeight()	Bir öğenin yüksekliğini döndürür (dolgu içerir, ancak kenarlık içermez)
15	innerWidth()	Bir öğenin genişliğini döndürür (dolgu içerir, ancak kenarlık içermez)
16	insertAfter()	Seçilen öğelerden sonra HTML öğeleri ekler
17	insertBefore()	HTML öğelerini seçili öğelerden önce ekler
18	offset()	Seçilen öğeler için ofset koordinatlarını ayarlar veya döndürür (belgeye göre)
19	offsetParent()	İlk konumlandırılmış üst öğeyi döndürür
20	outerHeight()	Bir öğenin yüksekliğini döndürür (dolgu ve kenarlık içerir)
21	outerWidth()	Bir öğenin genişliğini döndürür (dolgu ve kenarlık içerir)
22	position()	Bir öğenin konumunu (ana öğeye göre) döndürür
23	prepend()	İçeriği seçilen öğelerin başına ekler
24	prependTo()	Seçili öğelerin başına HTML öğeleri ekler
25	prop()	Seçili öğelerin özelliklerini/değerlerini ayarlar veya döndürür
26	remove()	Seçili öğeleri kaldırır (veriler ve olaylar dahil)
27	removeAttr()	Seçili öğelerden bir veya daha fazla özniteliği kaldırır
28	removeClass()	Seçili öğelerden bir veya daha fazla sınıfı kaldırır
29	removeProp()	prop() yöntemi tarafından ayarlanan bir özelliği kaldırır
30	replaceAll()	Seçili öğeleri yeni HTML öğeleriyle değiştirir
31	replaceWith()	Seçili öğeleri yeni içerikle değiştirir
32	scrollLeft()	Seçili öğelerin yatay kaydırma çubuğu konumunu ayarlar veya döndürür
33	scrollTop()	Seçili öğelerin dikey kaydırma çubuğu konumunu ayarlar veya döndürür
34	text()	Seçili öğelerin metin içeriğini ayarlar veya döndürür
35	toggleClass()	Seçili öğelerden bir veya daha fazla sınıf ekleme/kaldırma arasında geçiş yapar
36	unwrap()	Seçili öğelerin üst öğesini kaldırır
37	val()	Seçili öğelerin değer niteliğini ayarlar veya döndürür (form öğeleri için)
38	width()	Seçili öğelerin genişliğini ayarlar veya döndürür
39	wrap()	HTML öğelerini seçilen her öğenin etrafına sarar
40	wrapAll()	HTML öğelerini seçili tüm öğelerin etrafına sarar
41	wrapInner()	HTML öğelerini, seçilen her öğenin içeriğinin etrafına sarar

JQuery Traversing Methods

Sıra	Metod	Açıklama
1	add()	Eşleşen öğeler kümesine öğeler ekler
2	addBack()	Önceki öğe kümesini geçerli kümeye ekler
4	children()	Seçili öğenin tüm doğrudan alt öğelerini döndürür
5	closest()	Seçili öğenin ilk atasını döndürür
6	contents()	Seçili öğenin tüm doğrudan alt öğelerini döndürür (metin ve yorum düğümleri dahil)
7	each()	Eşleşen her öğe için bir işlev yürütür
8	end()	Geçerli zincirdeki en son filtreleme işlemini sonlandırır ve eşleşen öğeler kümesini önceki durumuna döndürür
9	eq()	Seçilen öğelerin belirli bir dizin numarasına sahip bir öğe döndürür
10	filter()	Eşleşen öğeler kümesini seçiciyle eşleşenlere veya işlevin testini geçenlere azaltın
11	find()	Seçili öğenin alt öğelerini döndürür
12	first()	Seçili öğelerin ilk öğesini döndürür
13	has()	İçinde bir veya daha fazla öğe bulunan tüm öğeleri döndürür
14	is()	Bir seçici/eleman/jQuery nesnesine karşı eşleşen öğeler kümesini kontrol eder ve bu öğelerden en az biri verilen argümanlarla eşleşirse true değerini döndürür
15	last()	Seçili öğelerin son öğesini döndürür
16	map()	Eşleşen kümedeki her öğeyi bir işlev aracılığıyla iletir ve dönüş değerlerini içeren yeni bir jQuery nesnesi üretir.
17	next()	Seçili öğenin sonraki kardeş öğesini döndürür
18	nextAll()	Seçili öğenin sonraki tüm kardeş öğelerini döndürür
19	nextUntil()	Verilen iki bağımsız değişken arasındaki tüm sonraki kardeş öğeleri döndürür
20	not()	Belirli bir ölçütle eşleşmeyen öğeleri döndürür
21	offsetParent()	İlk konumlandırılmış üst öğeyi döndürür
22	parent()	Seçili öğenin doğrudan üst öğesini döndürür
23	parents()	Seçili öğenin tüm üst öğelerini döndürür
24	parentsUntil()	Verilen iki bağımsız değişken arasındaki tüm üst öğeleri döndürür
25	prev()	Seçili öğenin önceki kardeş öğesini döndürür
26	prevAll()	Seçili öğenin önceki tüm kardeş öğelerini döndürür
27	prevUntil()	Verilen iki bağımsız değişken arasındaki önceki tüm kardeş öğeleri döndürür
28	siblings()	Seçili öğenin tüm kardeş öğelerini döndürür
29	slice()	Eşleşen öğeler kümesini, bir dizi indeks tarafından belirtilen bir alt kümeye indirger

jQuery AJAX Methods

Sıra	Metod	Açıklama
1	$.ajax()	Zaman uyumsuz bir AJAX isteği gerçekleştirir
2	$.ajaxPrefilter()	Her istek gönderilmeden ve $.ajax() tarafından işlenmeden önce özel Ajax seçeneklerini kullanın veya mevcut seçenekleri değiştirin
4	$.ajaxSetup()	Gelecekteki AJAX istekleri için varsayılan değerleri ayarlar
5	$.ajaxTransport()	Ajax verilerinin gerçek iletimini işleyen bir nesne oluşturur
6	$.get()	AJAX HTTP GET isteği kullanarak bir sunucudan veri yükler
7	$.getJSON()	HTTP GET isteği kullanarak bir sunucudan JSON kodlu verileri yükler
8	$.getScript()	AJAX HTTP GET isteği kullanarak bir sunucudan JavaScript yükler (ve yürütür)
9	$.param()	Bir dizi veya nesnenin serileştirilmiş bir temsilini oluşturur (AJAX istekleri için URL sorgu dizesi olarak kullanılabilir)
10	$.post()	AJAX HTTP POST isteği kullanarak bir sunucudan veri yükler
11	ajaxComplete()	AJAX isteği tamamlandığında çalıştırılacak bir işlevi belirtir
12	ajaxError()	AJAX isteği bir hatayla tamamlandığında çalışacak bir işlevi belirtir
13	ajaxSend()	AJAX isteği gönderilmeden önce çalıştırılacak bir işlevi belirtir
14	ajaxStart()	İlk AJAX isteği başladığında çalıştırılacak bir işlevi belirtir
15	ajaxStop()	Tüm AJAX istekleri tamamlandığında çalışacak bir işlevi belirtir
16	ajaxSuccess()	Bir AJAX isteği başarıyla tamamlandığında çalıştırılacak bir işlevi belirtir
17	load()	Bir sunucudan veri yükler ve döndürülen verileri seçilen öğeye koyar
18	serialize()	Bir dizi form öğesini gönderim için bir dize olarak kodlar
19	serializeArray()	Bir dizi form öğesini bir ad ve değer dizisi olarak kodlar

jQuery Misc Methods

Sıra	Metod	Açıklama
1	data()	Seçilen öğelere veri ekler veya bunlardan veri alır
2	each()	Eşleşen her öğe için bir işlev yürütün
3	get()	Seçici tarafından eşleşen DOM öğelerini alın
4	index()	Eşleşen öğeler arasından belirli bir öğeyi arayın
5	$.noConflict()	jQuery'nin $ değişkeni üzerindeki kontrolünü bırakın
6	$.param()	Bir dizinin veya nesnenin serileştirilmiş bir temsilini oluşturun (AJAX istekleri için URL sorgu dizesi olarak kullanılabilir)
7	removeData()	Önceden depolanmış bir veri parçasını kaldırır
8	toArray()	jQuery kümesinde bulunan tüm DOM öğelerini bir dizi olarak alın

jQuery Propertiess

Sıra	Metod	Açıklama
1	jquery	jQuery sürüm numarasını içerir
2	jQuery.fx.interval	Animasyon ateşleme hızını milisaniye cinsinden değiştirin
3	jQuery.fx.off	Tüm animasyonları genel olarak devre dışı bırak/etkinleştir
4	jQuery.support	Farklı tarayıcı özelliklerini veya hatalarını temsil eden bir özellikler koleksiyonu (jQuery'nin dahili kullanımı için tasarlanmıştır)
5	length	jQuery nesnesindeki öğelerin sayısını içerir

`

• 
• Bakınız : w3schools