小白教程
所有教程
关于
Search
172.69.6.234
172.69.6.234
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Css offset”的源代码
本页内容
上一节:
Html_insertbefore
下一节:
Css_offsetparent
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:offset()}}[[Category:jquery ref html|18]] = jQuery offset() 方法 = [[jquery ref html|jQuery HTML/CSS 方法]] 返回 <p> 元素的偏移坐标: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ var x=$("p").offset(); alert("Top: " + x.top + " Left: " + x.left); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ var x=$("p").offset(); alert("上: " + x.top + " 左: " + x.left); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>返回p元素的偏移坐标</button> </body> </html> </run> == 定义和用法 == offset() 方法设置或返回被选元素相对于文档的偏移坐标。 '''当用于返回偏移时:''' 该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。 '''当用于设置偏移时:''' 该方法设置所有匹配元素的偏移坐标。 == 语法 == 返回偏移坐标: $(selector).offset() 设置偏移坐标: $(selector).offset({top:value,left:value}) 使用函数设置偏移坐标: $(selector).offset(function(index,currentoffset)) {| class="table table-striped table-hover" !width="50%"| 参数 !width="50%"| 描述 |- | {top:value,left:value} | 当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。 可能的值: * 名/值对,比如 {top:100,left:100} * 一个带有 top 和 left 的对象([[try.php?filename=tryjquery_css_offset_object|实例]]) |- | function(index,currentoffset) | 可选。规定返回包含 top 和 left 坐标的对象的函数。 * index - 返回集合中元素的 index 位置。 * currentoffset - 返回被选元素的当前坐标。 |} == 更多实例 == [[try.php?filename=tryjquery_css_offset_set|设置偏移坐标]] 如何设置元素的偏移坐标。 [[try.php?filename=tryjquery_css_offset_func|使用函数设置偏移坐标]] 使用函数设置元素的偏移坐标。 [[try.php?filename=tryjquery_css_offset_object|使用对象为元素设置偏移坐标]] 如何使用新的对象为元素设置偏移坐标。 [[try.php?filename=tryjquery_css_offset_object2|使用另一个元素的偏移坐标为元素设置偏移坐标]] 如何使用另一个元素的偏移坐标为元素设置偏移坐标。 [[jquery ref html|jQuery HTML/CSS 方法]]
返回至“
Css offset
”。
上一节:
Html_insertbefore
下一节:
Css_offsetparent