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

See the Pen <a href="http://codepen.io/w3tr/pen/KzwxMQ/">jQuery delay() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.delay( duration [, queueName ] )

Posted on 1 Mart 2016 by Samed GÖZÜTOK 1

jQuery deffered.isRejected()

deffered.isRejected();

Çağrılan nesnenin reddedilip reddedilmediği belirlenebilir.

Kullanım şekilleri;

deferred.isRejected()

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

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

See the Pen <a href="http://codepen.io/w3tr/pen/LNEBxJ/">jQuery deffered.fail()</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

deferred.fail( failCallbacks [, failCallbacks ] )

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

jQuery deferred.done()

deferred.done();

Nesne çağrılması başarılı olması halinde fonksiyon çalışacaktır.

Örnek

$.get( "test.php" ).done(function() {
  alert( "BAŞARILI" );
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/vGErpR/">jQuery deferred.done()</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

deferred.done( doneCallbacks [, doneCallbacks ]

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

jQuery deferred.always()

deferred.always();

Nesne çağrılması başarılı yada başarısız olması halinde eylemci çalışacaktır.

Örnek

$.get( "test.php" ).always(function() {
  alert( "argüman çağırma başarılı oldu" );
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/zqxaNq/">jQuery deferred.always()</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

deferred.always (alwaysCallbacks [alwaysCallbacks])

Posted on 1 Mart 20161 Mart 2016 by Samed GÖZÜTOK 0

jQuery dblclick() Yöntemi

dblclick() Yöntemi;

Javascripte çift tıklama olayına bir görev atamaya yardımcı olur. Bir diğer varyasyonları ise .on( “dblclick”, handler ) ve .trigger( “dblclick” ) şeklindedir.

Örnek

$("a").dblclick(function(){
  alert("Butona çift tıklandı.");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/aNzKdN/">jQuery dblclick() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

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

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

jQuery data() Yöntemi

data() Yöntemi;

Gerektiği durumda bir elemente değer atamak ve yine bu değeri gerektiği durumda kullanmanıza imkan tanır. Etiketlere gerektiği durumda bu değerleri aktarabilirsiniz.

Örnek

$(".button1").click(function(){
  $("span").data("greeting", "W3TR");
});
$(".button2").click(function(){
  alert($("span").data("greeting"));
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/oxgdbv/">jQuery data() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.data( key, value )
.data( obj )

Posted on 1 Mart 2016 by Samed GÖZÜTOK 1

jQuery – css() Yöntemi

css() Yöntemi;

Eşleştirilen elemente bir veya birden fazla css özelliği kazandırabilir veya değiştirebilirsiniz. Örnek kullanım .css({“background-color”: “yellow”, “font-weight”: “bolder”}); şeklinde birden çok css değerini ekleyebilirsiniz.

Örnek

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

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/mPyxgJ/">jQuery – css() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.css( propertyName )
.css( propertyNames )

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

jQuery context Özelliği

context Özelliği;

Girilen bağlam(metin) ya da elemen büyük olasılıkla belgeye(html) eklenecektir.

Örnek

$("div").append("<p>" + $("div").context + "</p>").append("<p>" + $("div",document.body).context.nodeName + "</p>");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/wGByBx/">jQuery context Özelliği</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

context

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

jQuery contents() Yöntemi

contents() Yöntemi;

Metin ve yorum düğümleri de dahil olmak üzere eşleştirilmiş elementlerin alt elementlerini alabilirsiniz(seçebilirsiniz).

Örnek

$("a").click(function(){
  $("body").contents().filter("span").wrap("<b/>");
});

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/xVbpew/">jQuery contents() Yöntemi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

.contents ()

Posted on 1 Mart 2016 by Samed GÖZÜTOK 0

HTML, CSS

delay() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

deffered.isRejected();

deffered.fail();

Örnek

Codepen Ön izleme

Kullanım şekilleri;

deferred.done();

Örnek

Codepen Ön izleme

deferred.always();

Örnek

Codepen Ön izleme

Kullanım şekilleri;

dblclick() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

data() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

css() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

context Özelliği;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

contents() Yöntemi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;