jquery中offset()和position()的区别分析_1

上传人:bin****86 文档编号:59370607 上传时间:2018-11-06 格式:DOCX 页数:3 大小:16.03KB
返回 下载 相关 举报
jquery中offset()和position()的区别分析_1_第1页
第1页 / 共3页
jquery中offset()和position()的区别分析_1_第2页
第2页 / 共3页
jquery中offset()和position()的区别分析_1_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

《jquery中offset()和position()的区别分析_1》由会员分享,可在线阅读,更多相关《jquery中offset()和position()的区别分析_1(3页珍藏版)》请在金锄头文库上搜索。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解Jquery中offset()和position()的区别分析本文实例分析了Jquery中offset()和position()的区别。分享给大家供大家参考。具体分析如下:一、Jquery中offset()获取匹配元素在当前视口的相对偏移。 总是计算相对于文档的位置,无论元素的父元素或祖先元素的position属性是什么。返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。例如:?617 p margin-left:10px; Hel

2、lo2nd Paragraph var p = $(p:last); var offset = p.offset(); p.html( left: + offset.left + , top: + offset.top ); 二、Jquery中position()获取匹配元素相对父元素的偏移。 更通俗一点,含有position:relative的元素的最近的父元素或祖先元素-的位置。如果未能找到这样的父元素或祖先元素,那么会计算相对于文档(即视区左上角)的位置. 返回的对象包含两个整形属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。例如:? div padd

3、ing: 15px; p margin-left:10px; Hello var p = $(p:first); var position = p.position(); $(p:last).text( left: + position.left + , top: + position.top ); 三、offset()和position()的区别1、offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口,不包括浏览器的菜单栏等,当然我们也不太需要使用jquery来控制整个浏览器,我们所要控制的是页面窗口。2、position()方法获取匹配元素相对父元素的偏移

4、量。即获取的是该元素相对于最近的一个拥有绝对定位或者相对定位的父元素的偏移量。如果所有的父元素都是默认的static定位方式,则其处理方式和offset()一样,是当前窗口的偏移量。3、使用position()方法时如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移4、使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。5、一般情况下,如果要显示的元素B存放在元素A的同一父元素下(即B为A的兄弟节点),这个时候使用position() 是最合适的;如果显示的元素B存放在DOM的最顶端或者最底端(即其父元素就是body)。这个时候用offset()是最好的。希望本文所述对大家的jQuery程序设计有所帮助。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 办公文档 > 总结/报告

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号