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 ] )
jQuery 1.7 sürümü ile birlikte bütün gerekli olan işleyicileri oluşturmak için bu method yeterli olmuştur. Live, bind, delegate metodları eski yöntemler olarak kalmıştır diyebiliriz. Click, submit olayları gibi gönderme tıklatma olayları bu metodla kolaylıkla uygulanmaktadır.
$("span").on("click", function(){
alert("Spana tıklandı");
});
.on( events [, selector ] [, data ], handler. childSelector )
.on( events [, selector ] [, data ] )
İç içe elementler göz önüne alındığında belirtilen elementten bir üst sarıcısını ya da bir üst elementini seçmeyi yarar. Böylelikle sayfadaki nesneleri yerleştirmek, uzaklıkları hesaplamak gibi işlevlerde kullanılabilir.
$("a").click(function(){
$("span").offsetParent().css("background-color", "red");
});
.offsetParent()