jquery用offset()方法獲得元素的xy座標,jqueryxy

來源:互聯網
上載者:User

jquery用offset()方法獲得元素的xy座標,jqueryxy

擷取頁面某一元素的絕對X,Y座標,可以用offset()方法:(body屬性設定margin :0;padding:0;)

var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 擷取相對(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left;


對於jquery獲得元素絕對位置的問題,定位問題

原因很不好判定,這種方式定位出現錯誤的原因挺多的,要考慮css和html的具體寫法,有時候某些不標準的寫法會造成jQuery的定位元據不準確。

建議換個方式,例如每個<tr>中第一列放置一個<th></th>,後面是<td>,然後你的紅框放到<th>裡面,這樣計算量就小多了,而且顯示的也快一點。
 
jquery 怎擷取滑鼠當前位置相當於父元素的座標 而不是相對於瀏覽器

jq只有擷取元素相對於瀏覽器的

$(this).offset().left()忘了後邊要不要小括弧了
$(this).offset().top()

相對於父元素的話,把父元素的position設定成相對或絕對位置
然後document.getElementById("dddd").offsetTop
document.getElementById("dddd").offsetLeft
就是你要的了
 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.