jquery offsetParent() 方法
翻译结果:
offset
英 [ˈɒfset] 美 [ˈɔ:fset]
vt.抵消;补偿;(为了比较的目的而)把…并列(或并置);为(管道等)装支管
vi.形成分支,长出分枝;装支管
n.开端;出发;平版印刷;抵消,补偿
adj.分支的;偏(离中)心的;抵消的;开端的
parent
英 [ˈpeərənt] 美 [ˈperənt]
n.父亲(或母亲);先辈;根源,起源;保护者
jquery offsetParent() 方法语法
作用:offsetParent() 方法返回最近的祖先定位元素。定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。可以通过 jQuery 设置 position,或者通过 CSS 的 position 属性。
语法:$(selector).offsetParent()
jquery offsetParent() 方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").offsetParent().css("background-color","red"); }); }); </script> </head> <body> <div style="width:70%;position:absolute;left:100px;top:100px"> <div style="margin:50px;background-color:yellow"> <p>点击下面的按钮可以设置本段落的最近的父(祖先)元素的背景色。</p> <div> </div> <button>点击这里</button> </body> </html>
点击 "运行实例" 按钮查看在线实例