Etiket: jquery

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

jQuery delay() Yöntemi

delay() Yöntemi;

Kuyrukta onu takip eden işlevlerin yerine getirilmesini geciktirmek için kullanılır. ‘fast’, ‘slow’ ve milisaniye üzerinden değerler alabilir.

Örnek

$("a").click(function(){
  $(".kutu1").delay(500).slideDown();
  $(".kutu2").delay(800).slideDown();
  $(".kutu3").delay(1100).slideDown();
});
$(".geri").click(function(){
  $(".kutu1").delay("fast").slideUp();
  $(".kutu2").delay("fast").slideUp();
  $(".kutu3").delay("slow").slideUp();
});

Codepen Ön izleme

Kullanım şekilleri;

.delay( duration [, queueName ] )

Posted on by Samed GÖZÜTOK 1

jQuery deffered.fail()

deffered.fail();

Nesne çağrılması reddedilmesi halinde fonksiyon çalışacaktır.

Örnek

$.get( "test.php" ).done(function() {
  alert( "Başarılı" );
})
  .fail(function() {
  alert( "Başarısız" );
});

Codepen Ön izleme

Kullanım şekilleri;

deferred.fail( failCallbacks [, failCallbacks ] )

Posted on by Samed GÖZÜTOK 0