Operasi CSS jQuery - Metode offset()

Panduan Operasi CSS jQuery

Contoh

Dapatkan offset saat ini elemen <p>:

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

Coba Sendiri

Definisi dan Penggunaan

Metode offset() mengembalikan atau menetapkan offset (lokasi) elemen yang cocok berhadapan dengan dokumen.

Kembalikan koordinat offset

Kembalikan koordinat offset elemen pertama yang cocok.

Objek yang dikembalikan oleh metode ini mengandung dua properti bertipe integer: top dan left, dalam satuan pixel. Metode ini hanya berlaku untuk elemen yang terlihat.

Sintaks

$(selector).offset()

Coba Sendiri

Tetapkan koordinat offset

Tetapkan koordinat offset semua elemen yang cocok.

Sintaks

$(selector).offset(value)
Parameter Deskripsi
value

Wajib. Tentukan koordinat top dan left dalam pixel.

Nilai yang mungkin:

  • Pasangan nilai, seperti {top:100,left:0}
  • Objek dengan properti top dan left

Coba Sendiri

Gunakan fungsi untuk menetapkan koordinat offset

Gunakan fungsi untuk menetapkan koordinat offset semua elemen yang cocok.

Sintaks

$(selector).offset(function(index,oldoffset))
Parameter Deskripsi
function(index,oldoffset)

Tentukan fungsi untuk kembalikan koordinat offset baru elemen yang dipilih.

  • index - Pilihan. Menerima posisi index pilihan
  • oldvalue - Pilihan. Menerima koordinat saat ini dari pilihan.

Coba Sendiri

Contoh Lebih Banyak

Gunakan objek untuk menetapkan nilai offset baru objek.
Gunakan koordinat dalam objek baru untuk menempatkan elemen.
Gunakan lokasi elemen lain untuk menetapkan nilai offset baru elemen.
Gunakan lokasi objek yang ada untuk menempatkan elemen.

Panduan Operasi CSS jQuery