prevAll() yöntemi, seçilen elementen önceki tüm kardeş elementleri seçer.
$("li.w3tr").prevAll().css({"color": "blue", "border": "3px solid yellow"});
.prevAll( [selector ] )
.prevAll(filter)
prev() yöntemi, seçilen elementin önceki kardeş elementini seçer.
$("li.w3tr").prev().css({"color": "blue", "border": "3px solid yellow"});
.prev( [selector ] )
.prev( filter)
prependTo() yöntemi seçilmiş elementlerin başında HTML öğelerini eklemek için kullanılır.
$("a").click(function(){
$("<span>w3tr 'ye </span>").prependTo("p");
});
.prependTo( target )
.prependTo( content)
.prependTo( selector)
Eşleştiği element kümesindeki her elementin başına, parametresi tarafından belirtilen içeriği ekler. Yazı veya element olabilir.
$("a").click(function(){
$("p").prepend("<span>w3tr'ye</span> ");
});
Kullanım şekilleri;
.prepend( content [, content ] )
.prepend( function )
Seçili elementin poziyonunu öğrenmek için kullanılır. Bu yöntem sadece top ve left konumlarını öğrenmek için kullanılabilir.
$("a").click(function(){
var x = $("span").position();
alert("üstten pozisyonu: " + x.top + " soldan pozisyonu: " + x.left);
});
Kullanım şekilleri;
.position()
parentsUntil() yöntemi, seçilen elementin tüm ata elementlerini seçmek için kullanılır.
$("span").parentsUntil("span").css({"color": "blue", "border": "3px solid yellow"});
.parentsUntil( [selector ] [, filter ] )
.parentsUntil( [element ] [, filter ] )
.parentsUntil( [selector ] [, stop] )
.parentsUntil( [element ] [, stop] )
parents() yöntemi, seçilen elementin tüm ata elementlerini seçmek için kullanılır.
$("span").parents().css({"color": "blue", "border": "3px solid yellow"});
.parent( [selector ] )
.parent( filter)
Seçilen elementin padding, border, margin değerleri varsa hepsini alarak width (genişlik) değerini eğer belirtilmemiş ise null olarak px cinsinden geri döndürür.
$("a").click(function(){
alert("Divin genişliği: " + $("div").outerWidth());
});
.outerWidth( [includeMargin] )
Seçilen elementin padding, border, margin değerleri varsa hepsini alarak height (yükseklik) değerini eğer belirtilmemiş ise null olarak px cinsinden geri döndürür.
$("a").click(function(){
alert("Divin yüksekliği: " + $("div").outerHeight());
});
.outerHeight( [includeMargin] )
Elemanlar için bir olay için bir işleyici ekleyebilirsiniz. .on() metodunun teklisi kabul edilebilir. Haliyle daha hızlı çalışır. Tekli eventler için kullanılırsa daha iyi performans gösterir.
$("div").one("click", function(){
$(this).animate({width: "+=100px"});
});
.one( events [, data ], handler )
.one( events [, selector ] [, data ], handler )
.one( events [, selector ] [, data ] )