jQuery CSS İşleme - offset() yöntemi

jQuery CSS İşleme Kılavuzu

Örnek

<p> elementinin mevcut konumunu elde etme:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Kişisel olarak deneyin

Tanım ve Kullanım

offset() yöntemi, eşleşen elementlerin belirttiği konumu (pozisyonunu) döndürür veya ayarlar.

Konum koordinatlarını döndürür

İlk eşleşen elementin konum koordinatlarını döndürür.

Bu yöntem dönen nesne iki tane tamsayı özelliği içerir: top ve left, pixel cinsinden. Bu yöntem sadece görünür elementler için geçerlidir.

Gramer

$(selector).offset()

Kişisel olarak deneyin

Konum koordinatlarını ayarlamak

Tüm eşleşen elementlerin konum koordinatlarını ayarlamak.

Gramer

$(selector).offset(value)
Parametreler Açıklama
value

Gerekli. Pixel cinsinden top ve left koordinatlarını tanımlar.

Mümkün olan değerler:

  • Değer çiftleri, örneğin {top:100,left:0}
  • Top ve left özellikleri bulunan nesne

Kişisel olarak deneyin

Fonksiyon kullanarak konum koordinatlarını ayarlamak

Fonksiyon kullanarak tüm eşleşen elementlerin konum koordinatlarını ayarlamak.

Gramer

$(selector).offset(function(index,oldoffset))
Parametreler Açıklama
function(index,oldoffset)

Seçilen elementin yeni konum koordinatlarını döndüren fonksiyonu tanımlar.

  • index - İsteğe bağlı. Seçicinin index konumunu kabul eder
  • oldvalue - İsteğe bağlı. Seçicinin mevcut koordinatlarını kabul eder.

Kişisel olarak deneyin

Daha fazla örnek

Nesneyi kullanarak nesneye yeni bir offset değeri ayarlamak.
Yeni nesne içindeki koordinatları kullanarak elementi belirlemek.
Başka bir elementin konumunu kullanarak elemente yeni bir offset değeri ayarlamak.
Var olan nesnenin konumunu kullanarak elementi belirlemek.

jQuery CSS İşleme Kılavuzu