购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery offset() 方法

jQuery offset() 方法
offset() 方法设置或返回被选元素相对于文档的偏移坐标。
蹊下 蹊下 更新时间:2019-02-25 17:44:01

jQuery offset() 方法

定义和用法

offset() 方法设置或返回被选元素相对于文档的偏移坐标。

当用于返回偏移时: 
该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

当用于设置偏移时: 
该方法设置所有匹配元素的偏移坐标。

语法

返回偏移坐标:

$(selector).offset()

设置偏移坐标:

$(selector).offset({top:value,left:value})

使用函数设置偏移坐标:

$(selector).offset(function(index,currentoffset))
参数描述
{top:value,left:value} 当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。可能的值:名/值对,比如 {top:100,left:100}一个带有 top 和 left 的对象(实例)    
function(index,currentoffset)  

 可选。规定返回包含 top 和 left 坐标的对象的函数。

index : 返回集合中元素的 index 位置。

currentoffset : 返回被选元素的当前坐标。    

实例

<script>
$(document).ready(function(){
	$("button").click(function(){
		var x=$("p").offset();
		document.write("上: " + x.top + " 左: " + x.left);
	});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>返回p元素的偏移坐标</button>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号