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