获取元素位置、坐标、距离和宽高时,所有相关属性的含义及用法推荐 亲测 原创 收藏

文章标签: 滚动条
  • :
  • 12-22 22:05
  • :
  • 6次
  • :
  • 0条
  • 1赞

简介在jquery里,获取一个标签元素的坐标,位置,或宽高时,所有相关的属性方法的详细介绍。l

本文站长来整理一下,在jquery里,我们获取一个元素的坐标位置,或宽高距离时,所有相关的属性和方法:

//jquery里相关的属性和方法:
offset();
position();
scrollTop()/scrollLeft();
width()/height();
innerWidth()/innerHeight();
outerWidth()/outerHeight();

//js里相关的属性:
scrollHeight/scrollWidth;
scrollTop/scrollLeft;

这些都是我们经常会用到的和坐标,位置,距离,宽高等相关的jquery或js属性,下面站长来具体讲解每个属性的含意及用法:

1.offset():

用法举例:$("div#aijquery").offset().top;  /  $("div#aijquery").offset().left;

解释:jquery里offset是用来获取元素相对于网页主体(document对象)的水平距离和垂直距离,会计算相关标签的margin和padding值,但不受页面的滚动条高度等的影响,也就是说,一个固定的网页,一个元素的offset属性是固定的。

具体的,可以看站长写的这篇专门介绍$.offset()和$.position()的文章:

通过具体的实例来解释jquery里offset()和position()的区别含义和用法

2.position():

用法举例:$("div#aijquery").position().top;  /  $("div#aijquery").position().left;

解释:jquery里,position是用来获取元素相对于父元素的偏移,和offset的区别就是,offset是以整个网页,也就是document对象来计算,而position则是以元素的父元素来计算,需要注意的就是position并不会计算元素的margin和padding值。



您正在找的文章可能是:
热点文章
热点图文
最近更新