Yazar: Samed GÖZÜTOK

jquery currentTarget Event Özelliği

currentTarget Event Özelliği;

Meydana gelecek olayın elementi hakkında bilgi verir.

Örnek

function myFunction(event) { 
    alert(event.currentTarget.nodeName);
}

Codepen Ön izleme

Kullanım şekilleri;

event.currentTarget

Posted on by Samed GÖZÜTOK 0

jQuery error() Yöntemi

error() Yöntemi;

Java scripte hata olayı için bir görev tanımlayabilirsiniz.

Örnek

$("img").error(function(){
  $("img").replaceWith("<p>Resim yüklenirken hata oluştu !</p>");
});
$("a").click(function(){
  $("img").error();
});

Codepen Ön izleme

Kullanım şekilleri;

.error( handler )
.error( [eventData ], handler )

Posted on by Samed GÖZÜTOK 0

jQuery eq() Yöntemi

eq() Yöntemi;

Belirtilen elementin bulunduğu gruptaki index(sıra) numarasını belirler.

Örnek

$("span").eq(0).css("color", "red");

Codepen Ön izleme

Kullanım şekilleri;

.eq( index )
.eq( indexFromEnd )

Posted on by Samed GÖZÜTOK 0

jQuery end( ) Yöntemi

end() Yöntemi;

Belirtilen elemente yapılan en son filtreleme işlemini iptal eder.

Örnek

$("p").find("span").end().css("border", "2px blue solid");

Codepen Ön izleme

Kullanım şekilleri;

.end()

Posted on by Samed GÖZÜTOK 0

jQuery empty() Yöntemi

empty() Yöntemi;

Eşleşen unsurların alt elemanlarını temizler. Örneğin butonların veya paragraf elemenrlerinin yazılarını silmek için kullanabilirsiniz.

Örnek

$("a").click(function(){
  $("div").empty();
});

Codepen Ön izleme

Kullanım şekilleri;

.empty()

Posted on by Samed GÖZÜTOK 0

jQuery each() Yöntemi

each() Yöntemi;

Her eşleşen öğe için fonksiyonu tekrar işleme geçirir. .each () yöntemi, DOM  yapılarını daha az hatalı eğilimli hale getirmek için tasarlanmıştır. Each her çalıştığında 0’dan başlayarak geçerli döngü tüm seçili elemanlar için tekrarlanır.

Örnek

$("a").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

Codepen Ön izleme

Kullanım şekilleri;

.each( function )

Posted on by Samed GÖZÜTOK 0

jQuery die() Yöntemi

die() Yöntemi;

Herhangi bir işleyici fonksiyonla .live() çağrılan işlemi temizleyebilir. Bu yöntem .off() argümanıyla(fonksiyonuyla) benzerdir. Fakat bu o fonksiyona bağlı bütün fonksiyonları kapatırken .die() belirtilen fonksiyonu(argümanı) temizler(durdurur).

Not: Bu yöntem jquery sürümü 1.7 yi desteklemektedir. Üst versiyonlar için off() yöntemini kullanmalısınız.

Örnek

$("span").live("click", function(){
  $(this).slideToggle();
});
$("a").click(function(){
  $("span").die();
});

Codepen Ön izleme

Kullanım şekilleri;

.die()
.die( eventType [, handler ] )
.die( events )

Posted on by Samed GÖZÜTOK 0

jQuery detach() Yöntemi

detach() Yöntemi;

Belirtilen elementi html den kaldırmaya(silmeye) yarar. .remove() fonksiyonuyla aynı işi yapar fakat .remove() fonksiyonu ile sildiğiniz elementi geri çağıramazken bu fonksiyon size kaldırılan elementleri yeniden ihtiyaç duyduğunuz noktada tekrar eklemenize yardımcı olur.

Örnek

$("a").click(function(){
  $("span").detach();
});

Codepen Ön izleme

Kullanım şekilleri;

.detach( [selector ] )

Posted on by Samed GÖZÜTOK 0

jQuery dequeue() Yöntemi

dequeue() Yöntemi;

Belirtilen elementler için sıraya sonraki fonksiyonu işletir(çalıştırır, ekler).

Örnek

$("a").click(function(){
  var div = $("div");  
  div.animate({height: 500}, "slow");
  div.animate({width: 500}, "slow");
  div.queue(function () {
    div.css("background-color", "blue");  
    div.dequeue();
  });
  div.animate({height: 150}, "slow");
  div.animate({width: 150}, "slow");
});

Codepen Ön izleme

Kullanım şekilleri;

.dequeue( [queueName ] )

Posted on by Samed GÖZÜTOK 1

jQuery delegate() Yöntemi

delegate() Yöntemi;

Onclick fonksiyonuyla aynı işemi yapar fakat bu fonksiyonu değerli kılan undelegate fonksiyonudur. Belirtilen elementin belirli bir diziye içerisinde, şimdi ya da sonrasında, belirli olaylara(click, hover gibi) dayanarak çalışan fonksiyondur.

Örnek

$("body").delegate("a", "click",function(){
  $("span").css("font-size", "40px");
});

Codepen Ön izleme

Kullanım şekilleri;

.delegate( selector, eventType, handler )
.delegate( selector, eventType, eventData, handler )
.delegate( selector, events )

Posted on by Samed GÖZÜTOK 0