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()
Bir elementin koordinatlarını almaya yarar. Bir veya birden çok eleman kümesinin koordinatlarını öğrenebilirsiniz.
$("a").click(function(){
var x = $("span").offset();
alert("üst: " + x.top + " sol: " + x.left);
});
.offset()
.offset( coordinates )
.offset( function )
.offset{top:value,left:value}
Bir elemente bağlı olayları kaldırmayı sağlar. Birden fazla argüman verildiğinde, verilen argümanlar tüm olay işleyicisi kaldırılması için aynı olmalıdır.
$("span").click(function(){
$(this).css("background-color", "red");
});
$("a").click(function(){
$("span").off("click");
});
.off( events [, selector ] [, handler ] )
.off( events [, selector ] )
.off( event )
.off()
.off(map)
.off(function)
Belirtilen seçici hariç tutularak işleminizi uygulamaya devam eder.
$("span").not(".w3tr").css("background-color", "red");
.not( selector )
.not( function )
.not( selection )
.not( criteria )
Belirli bir seçiciden başlayıp nextUntil’de belirtilen seçiciye kadar seçer ve istediğiniz işlemi uygular. nextUntil deki seçici dahil değildir.
$("li.w3tr").nextUntil("li.stop").css({"color": "blue", "border": "3px solid yellow"});
.nextUntil( [selector ] [, filter ] )
.nextUntil( [element ] [, filter ] )
.nextUntil( [selector ] [, stop] )
.nextUntil( [element ] [, stop] )
Öncesinden belirtilen bir seçiciden başlayıp nextAll da belirtilen seçici ile uyuşan bütün elementleri seçmek için kullanılır.
$("li.w3tr").nextAll().css({"color": "blue", "border": "3px solid yellow"});
.nextAll([selector]):
.nextAll([filter]):
next () yöntemi, seçilen elementten sonraki kardeş elementi seçmek için kullanılır.
$("li.w3tr").next().css({"color": "blue", "border": "3px solid yellow"});
.next([selector]):