Etiket: method

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 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

Kullanım şekilleri;

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

Posted on 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

Kullanım şekilleri;

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

Posted on 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

Kullanım şekilleri;

.css( propertyName )
.css( propertyNames )

Posted on 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

Kullanım şekilleri;

.contents ()

Posted on by Samed GÖZÜTOK 0

jQuery closest() Yöntemi

closest() Yöntemi;

Girilen ifade ile seçici arasındaki yakın nesneleri seçer.

Örnek

$("span").closest("ul").css({"color": "blue", "border": "2px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.closest( selector )
.closest( selector [, context ] )
.closest( selection )
.closest( element )

Posted on by Samed GÖZÜTOK 0