這篇文章給大家分享的是有關offsetParent()方法怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

offsetParent()方法返回最近的祖先定位元素。定位元素指的是元素的CSSposition屬性被設置為relative、absolute或fixed的元素?？梢酝ㄟ^jQuery設置position，或者通過CSS的position屬性。

offsetParent()實例

設置最近的祖先定位元素的背景顏色：

$("button").click(function(){

$("p").offsetParent().css("background-color","red");

});

語法

$(selector).offsetParent()

深入理解定位父級offsetParent及偏移大小

偏移量(offsetdimension)是javascript中的一個重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth這四個屬性。當然，還有一個偏移參照——定位父級offsetParent。本文將詳細介紹該部分內(nèi)容

定位父級

在理解偏移大小之前，首先要理解offsetParent。人們并沒有把offsetParent翻譯為偏移父級，而是翻譯成定位父級，很大原因是offsetParent與定位有關

定位父級offsetParent的定義是：與當前元素最近的經(jīng)過定位(position不等于static)的父級元素，主要分為下列幾種情況

元素自身有fixed定位，offsetParent的結果為null

當元素自身有fixed固定定位時，我們知道固定定位的元素相對于視口進行定位，此時沒有定位父級，offsetParent的結果為null

[注意]firefox瀏覽器有兼容性問題