Rumah > hujung hadapan web > tutorial js > Contoh penggunaan kaedah position() dalam jQuery_jquery

Contoh penggunaan kaedah position() dalam jQuery_jquery

WBOY
Lepaskan: 2016-05-16 16:19:58
asal
1106 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan kaedah position() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini mendapat pengimbangan unsur dipadankan berbanding beberapa elemen.
Objek yang dikembalikan mengandungi objek dengan dua sifat integer (atas dan kiri).
Kaedah ini hanya berfungsi pada elemen yang boleh dilihat.
Struktur tatabahasa:

Salin kod Kod adalah seperti berikut:
$(selector).position()

Pada permulaan tutorial, sebab mengapa dikatakan adalah untuk mendapatkan offset elemen padanan berbanding unsur tertentu. Banyak tutorial mengatakan bahawa offset yang dikembalikan oleh kaedah adalah relatif kepada elemen induk, tetapi ini tidak sepenuhnya benar Kaedah ini akan memproses elemen padanan dengan kedudukan mutlak Sudah tentu, ia tidak bermakna elemen padanan sebenarnya ditetapkan kepada kedudukan mutlak. Prinsip rujukan offset kaedah adalah seperti berikut:

1. Jika elemen induk tidak menggunakan kedudukan (nilai atribut kedudukan adalah relatif, mutlak atau tetap), maka objek rujukan mengimbangi ialah tetingkap.
2. Jika mana-mana elemen induk diletakkan, maka objek rujukan bagi ofset ialah elemen kedudukan yang terdekat

Kod contoh:

Salin kod Kod adalah seperti berikut:





position() function-Script Home













Dalam kombinasi teratas dalam kod di atas, memandangkan elemen induk menggunakan kedudukan relatif, offset yang diperoleh adalah relatif kepada elemen induk. Dalam gabungan bawah, memandangkan elemen induk tidak menggunakan kedudukan, objek rujukan mengimbangi ialah tetingkap.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Artikel ini diterbitkan semula daripada: Ant Tribe http://www.softwhy.com/

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan