jquery获取外边距，jquery获取浏览器窗口高度

如何获得DIV样式中的margin值

1、用JQuery或是JS都可以实现，增加一个Class样式就可以了。.newdivli3{margin：100px 20px 20px 0；} 用JQuery：$(.divli3).addClass(newdivli3)；这句是写在script/script之间的，用JQuery的话，另外还要引用JQuery文件。

2、外边距margin的意思是：边框与边框之间的距离。

3、对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。内外边框合并问题通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。

4、选中div右击，最底部页面属性。外观（css）里的页边界，可以控制边距（margin）。

5、首先，我们先设计一个div，并且给这个div添加一个id，id名随意取。然后设置一下宽高，并且添加一个红色的背景属性值。默认情况下，这个div是靠近浏览器的顶部和左边的。接着我们给这个div设置一下margin值，从左到右表示的是上边，右边，下边，左边的margin值。

相关问答

Q1: jquery如何获取某个元素距离它父级的偏移量啊

需加上自身高度 })；可以通过position方法获取。

offset()和position()的区别 offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口，不包括浏览器的菜单栏等，当然我们也不太需要使用jquery来控制整个浏览器，我们所要控制的是页面窗口。position()方法获取匹配元素相对父元素的偏移量。

offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口，不包括浏览器的菜单栏等，当然我们也不太需要使用jquery来控制整个浏览器，我们所要控制的是页面窗口。position()方法获取匹配元素相对父元素的偏移量。

\x0d\x0a1，获取div对象并获取当前偏移位置\x0d\x0avarp=$(#elementid)；object\x0d\x0avaroffset=p.offset()；Position\x0d\x0a2，设置坐标位置，一般关系是从上下左右坐标：\x0d\x0a$(#secondelementid)。

position()获取相对于它最近的具有相对位置(position：relative或position：absolute)的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器的距离。offset()始终返回相对于浏览器文档的距离，它会忽略外层元素。

offset方法获取匹配元素在当前窗口的相对偏移量，这里的窗口指的是当前页面的窗口，不包括浏览器的菜单栏等，当然我们也不太需要使用jquery。

Q2: 怎么获取margin-left的值

margin-left margin-left：[ | | auto ]{1，4}默认值： 0相关属性：[margin ] || [ margin-top ] || [ margin-right ] || [ margin-bottom ] auto：值被设置为相对边的值：用长度值来定义外补白。可以为负值：用百分比来定义外补白。可以为负值 检索或设置对象左边的外延边距。

以margin-left为例，给正值，box就向右边走，而给负值的话，box就向左侧走。我们管正值叫正方向，负值叫反方向。外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

使用margin-left属性时，开发者可以指定具体的像素值、百分比值或相对单位（如em、rem等）来定义左边距的宽度。例如，如果开发者想要将一个段落元素与其左侧的元素之间保留10像素的空间，他们可以将该段落元素的margin-left属性设置为10px。

margin-left的值可以是固定的像素值，也可以是相对于元素本身大小的百分比值。例如，如果一个元素的margin-left被设置为20px，那么该元素的左边界将与其包含元素的左边界之间保持20像素的距离。

蓝色部分旁边的黄色部分是元素的margin值，在元素上方是margin-top，下方是margin-bottom，左边margin-left，右边margin-right。我们还可以借助于firebug的“布局”选项查看各个元素的内外边框。

Q3: jquery怎么获取元素距离屏幕的位置?

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：(body).append($(div).offset().top - $(window).scrollTop())；浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

2、(obj).offset().top - $(window).scrollTop()。拓展：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。

3、，获取对象 var obj = $(#id号)； 或 var obj = $(this)；实例中我获取的对象是弹出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。

4、scrolltop是jQuery中的一个方法，它可以设置 元素中滚动条的垂直偏移量。用法：scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

5、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的script标签，输入jquery代码：$(body).append($(pa).text())；。浏览器运行index.html页面，此时成功获取了指定p中的a标签并打印了其文本。

jquery获取外边距的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery获取浏览器窗口高度、jquery获取外边距的信息别忘了在本站进行查找喔。