jQuery獲得指定元素坐標(biāo)的方法
更新時(shí)間：2015年04月14日 11:32:03 作者：ishare
這篇文章主要介紹了jQuery獲得指定元素坐標(biāo)的方法,涉及offset().left及offset().top屬性獲取元素坐標(biāo)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery獲得指定元素坐標(biāo)的方法。分享給大家供大家參考。具體分析如下：
var left = $("#div").offset().left;
//div相當(dāng)于窗口的左邊的偏移量
var top = $("#div").offset().top;
//相當(dāng)于窗口的頂部的偏移量
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法
- jQuery實(shí)時(shí)顯示鼠標(biāo)指針位置和鍵盤ASCII碼
- js與jquery中獲取當(dāng)前鼠標(biāo)的x、y坐標(biāo)位置的代碼
- jquery實(shí)現(xiàn)的元素的left增加N像素 鼠標(biāo)移開(kāi)會(huì)慢慢的移動(dòng)到原來(lái)的位置
- 為jquery.ui.dialog 增加“在當(dāng)前鼠標(biāo)位置打開(kāi)”的功能
- Js和JQuery獲取鼠標(biāo)指針坐標(biāo)的實(shí)現(xiàn)代碼分享
- jquery中獲得元素尺寸和坐標(biāo)的方法整理
- JQuery 獲得絕對(duì),相對(duì)位置的坐標(biāo)方法
- jQuery實(shí)現(xiàn)獲取當(dāng)前鼠標(biāo)位置并輸出功能示例
相關(guān)文章
jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果
這篇文章主要介紹了jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果,涉及jquery鼠標(biāo)事件響應(yīng)及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)input框獲取焦點(diǎn)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)上傳圖片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
如何在JS中實(shí)現(xiàn)相互轉(zhuǎn)換XML和JSON
下面先是跟大家分別介紹了JSON與XML以及它們的區(qū)別比較，后又分享關(guān)于JavaScript實(shí)現(xiàn)XML與JSON互轉(zhuǎn)例子，希望這些例子能給你帶來(lái)幫助。2016-07-07
這篇文章主要介紹了jquery預(yù)加載圖片的方法,涉及jQuery操作圖片的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了jquery馬賽克拼接翻轉(zhuǎn)效果，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jQuery操作動(dòng)態(tài)生成的內(nèi)容的方法
這篇文章主要介紹了jQuery操作動(dòng)態(tài)生成的內(nèi)容的方法,對(duì)比分析了bind與live方法,說(shuō)明了live方法在處理新增元素時(shí)的作用,需要的朋友可以參考下2016-05-05
jQuery 中關(guān)于CSS操作部分使用說(shuō)明
jQuery 中關(guān)于CSS操作部分使用說(shuō)明...2007-06-06
上篇文章我們介紹了使用原生的javascript實(shí)現(xiàn)了圖片瀑布流效果，本文我們來(lái)用jQuery來(lái)實(shí)現(xiàn)同樣的效果。2014-12-12
etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)，實(shí)現(xiàn)對(duì)角色role進(jìn)行授權(quán)操作，有需要的可以了解一下。2016-11-11