tutorial pengembangan web terbaru
 

jQuery offset() Method

<JQuery HTML Metode / CSS

Contoh

Kembali koordinat offset <p> elemen:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
Cobalah sendiri "

Definisi dan Penggunaan

The offset() metode mengatur atau mengembalikan offset koordinat untuk elemen yang dipilih, relatif terhadap dokumen.

Ketika digunakan untuk mengembalikan offset:
Metode ini mengembalikan koordinat offset dari elemen PERTAMA cocok. Ia mengembalikan sebuah objek dengan 2 properti; posisi atas dan kiri dalam piksel.

Ketika digunakan untuk mengatur offset:
Metode ini menetapkan koordinat offset elemen SEMUA cocok.


Sintaksis

Kembali koordinat offset:

$(selector).offset()

Mengatur koordinat offset:

$(selector).offset({top:value,left:value})

Mengatur koordinat mengimbangi menggunakan fungsi:

$(selector).offset(function(index,currentoffset))

Parameter Deskripsi
{top:value,left:value} Diperlukan bila pengaturan offset. Menentukan koordinat atas dan kiri dalam piksel.

Kemungkinan nilai:
  • Nama / Nilai pasangan, seperti {top:100,left:100}
  • Sebuah objek dengan sifat atas dan kiri ( contoh )
function(index,currentoffset) Pilihan. Menentukan fungsi yang mengembalikan sebuah objek yang berisi koordinat atas dan kiri
  • index - Mengembalikan posisi indeks dari elemen dalam himpunan
  • currentoffset - Mengembalikan koordinat saat elemen yang dipilih

Coba Sendiri - Contoh

Mengatur koordinat diimbangi
Cara menetapkan koordinat offset elemen.

Mengatur koordinat mengimbangi menggunakan fungsi
Menggunakan fungsi untuk mengatur koordinat offset elemen.

Mengatur koordinat offset untuk elemen menggunakan obyek
Cara menetapkan koordinat offset untuk elemen menggunakan objek baru.

Mengatur koordinat offset untuk unsur menggunakan koordinat offset elemen lain
Cara menetapkan coords offset untuk unsur menggunakan coords offset elemen yang ada.


<JQuery HTML Metode / CSS