jquery獲取html元素的絕對位置和相對位置的方法
更新時間：2014年06月20日 00:09:08 投稿：mdxy-dxy
這篇文章主要介紹了jquery獲取html元素的絕對位置和相對位置的方法,需要的朋友可以參考下
絕對位置坐標(biāo)：
復(fù)制代碼 代碼如下:
$("#elem").offset().top
$("#elem").offset().left
相對父元素的位置坐標(biāo)：
復(fù)制代碼 代碼如下:
$("#elem").position().top
$("#elem").position().left
另：
static(默認(rèn)):默認(rèn)定位方式。
relative(相對定位):在static的基礎(chǔ)上，相對元素本來的位置變化，通過設(shè)定top,bottom,left,right實現(xiàn)。
absolute(絕對定位):是相對父元素來說的，如果父元素中有relative，那么該元素的位置是經(jīng)過計算后的結(jié)果。即absolute定位的參照物是“上一個定位過的父元素(static不算)”。絕對定位會使元素從文檔流中被刪除。
fixed(固定定位):fixed定位的參照物總是當(dāng)前的文檔。利用fixed定位，很容易讓一個div定位在瀏覽器文檔的左上，右上等方位。
相關(guān)文章
jQuery 動態(tài)酷效果實現(xiàn)總結(jié)
jQuery是一個優(yōu)秀的JavaScript框架，可以很好的解決不同瀏覽器兼容的問題，尤其是在ASP.NET MVC下，它的作用更加的凸顯。2009-12-12
這篇文章主要介紹了jquery插件開發(fā)模式,結(jié)合實例形式詳細(xì)分析了jQuery插件三種開發(fā)方式實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
為JQuery EasyUI 表單組件增加焦點切換功能的方法
下面小編就為大家?guī)硪黄獮镴Query EasyUI 表單組件增加焦點切換功能的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了高效jQuery選擇器的5個技巧,結(jié)合實例形式總結(jié)分析了jquery選擇器使用過程中發(fā)的各種常用技巧,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了jQuery焦點圖切換特效，圖片輪播效果特別適合做產(chǎn)品展示，豐富網(wǎng)頁內(nèi)容，感興趣的小伙伴可以參考下。2015-09-09
jQuery中設(shè)置form表單中action值的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query中設(shè)置form表單中action值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
前些天寫了一篇文章 jQuery 表單驗證擴(kuò)展(一) ，這是jQuery表單驗證擴(kuò)展的一個雛形，里面有了一些基本的功能！昨晚再次努力了一下，對表單中是否必填項驗證這個部分做了一些修改的擴(kuò)充！2010-10-10
完美解決jQuery fancybox ie 無法顯示關(guān)閉按鈕的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery fancybox ie 無法顯示關(guān)閉按鈕的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jQuery toggle 代替方法 的相關(guān)資料,需要的朋友可以參考下2016-03-03
本文主要介紹了微信小程序中獲得用戶輸入內(nèi)容的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02