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 )
Etiket: jQuery Yöntemi
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()
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()
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 )
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 ] )
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 ] )
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 )
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 ] )
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()
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 )