jQuery Operasi CSS - 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 elemen yang dipilih untuk berada di depan dokumen (lokasi).

Kembalikan koordinat offset

Kembalikan koordinat offset elemen pertama yang cocok.

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

Syarat

$(selector).offset()

Coba Sendiri

Tetapkan koordinat offset

Tetapkan koordinat offset semua elemen yang cocok.

Syarat

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

Diperlukan. Tentukan koordinat top dan left dalam piksel.

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.

Syarat

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

Tentukan fungsi yang mengembalikan koordinat offset baru elemen yang dipilih.

  • index - Opsional. Terima posisi index pemilih
  • oldvalue - Opsional. Terima koordinat saat ini dari pemilih.

Coba Sendiri

Contoh Lebih Banyak

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

Panduan Operasi CSS jQuery