用jquery的height方法获得的元素高度怎么为0

height()

-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window)height(); // returns height of browser viewport

$(document)height(); // returns height of HTML document

注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。

innerHeight()

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用height()代替。

outerHeight()

-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。

-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。

-这个方法不适用于window 和 document对象，可以使用height()代替。

("#父窗口元素ID" window parent document); 对应javascript版本为window parent document getElementByIdx_x("父窗口元素ID") 取父窗口的元素方法 $(selector window parent document); 那么你取父窗口的父窗口的元素就可以用 $(selector window parent parent document); 类似的 取其它窗口的方法大同小异 $(selector window top document); $(selector window opener document); $(selector window top frames[ ] document); 子窗口创建及父窗口与子窗口之间通信 Javascriptd出子窗口 可以通过多种方式实现 下面介绍几种方法 ( ) 通过window对象的open()方法 open()方法将会产生一个新的window窗口对象 其用法为 window open(URL windowName parameters); URL: 描述要打开的窗口的URL地址 如何为空则不打开任何网页 windowName:描述被打开的窗口的民称 可以使用 _top _blank 等内建名称 这里的名称跟<a href=" " target=" ">里的target属性是一样的 parameters:描述被打开的窗口的参数值 或者说是样貌 其包括窗口的各个属性值 及要传入的参数值 例如 打开一个 x 的干净的窗口 open( _blank width= height= menubar=no toolbar=no location=no directories=no status=no scrollbars=yes resizable=yes ) 也可以这样写 var newWindow = open( _blank );

参数说明如下 top=# 窗口顶部离开屏幕顶部的像素数 left=# 窗口左端离开屏幕左端的像素数 width=# 窗口的宽度 height=# 窗口的高度 menubar= 窗口有没有菜单 取值yes或no toolbar= 窗口有没有工具条 取值yes或no location= 窗口有没有地址栏 取值yes或no directories= 窗口有没有连接区 取值yes或no scrollbars= 窗口有没有滚动条 取值yes或no status= 窗口有没有状态栏 取值yes或no resizable= 窗口给不给调整大小 取值yes或no

( ) 在javascript中除了通过open()方法建立window对象实现d出窗口外 还可以通过建立对话框的方式d出窗口 如 alert(""); //d出信息提示对话框 confirm(""); //d出信息确认对话框 prompt(""); //具有交互性质的对话框 但是 上述实现的d出窗口具有的功能较为单一 只能完成较为简单的功能 对于需要在对话框中显示多个数据信息 甚至是HTML控件就无能为力了

( ) 使用模态对话框实现复杂的对话框需求 在javascript的内建方法中还有一类方法可以实现通过对话框显示HTML内容 也就是说可以通过创建对话框的方式来完成创建窗口对象所能完成的功能 包括创建模态对话框和非模态对话框两种

实现方法为 //创建模态你对话框 window showModalDialog(sURL vArguments sFeatures) //创建非模态对话框 window showModelessDialog(sURL vArguments sFeatures)

其区别在于 用showModelessDialog()打开窗口时 不必用window close()去关闭它 当以非模态方式［IE ］打开时 打开对话框 的 窗口仍可以进行其他的 *** 作 即对话框不总是最上面的焦点 当打开它的窗口URL改变时 它自动关闭 而模态［IE ］方式的对话框始终有焦点（焦点不可移 走 直到它关闭） 模态对话框和打开它的窗口相联系 因此我们打开另外的窗口时 他们的链接关系依然保存 并且隐藏在活动窗口的下面 showModeDialog()则不然

参数说明 sURL 必选参数 类型 字符串 用来指定对话框要显示的文档的URL vArguments 可选参数 类型 变体 用来向对话框传递参数 传递的参数类型不限 包括数组等 对话框通过window dialogArguments来取得传递进来的参数 sFeatures 选参数 类型 字符串 用来描述对话框的外观等信息 可以使用以下的一个或几个 用分号“;”隔开 dialogHeight 对话框高度 不小于 px IE 中dialogHeight和dialogWidth 默认的单位是em 而IE 中是px 为方便其见 在定义modal方式的对话框时 用px做单位 dialogWidth: 对话框宽度 dialogLeft: 距离桌面左的距离 dialogTop: 离桌面上的距离 center: 窗口是否居中 默认yes 但仍可以指定高度和宽度 取值范围{yes | no | | } help: 是否显示帮助按钮 默认yes 取值范围 {yes | no | | } resizable: 是否可被改变大小 默认no 取值范围 {yes | no | | } ［IE +］ status: 是否显示状态栏 默认为yes[ Modeless]或no[Modal] 取值范围{yes | no | | } ［IE +］ scroll:指明对话框是否显示滚动条 默认为yes 取值范围{ yes | no | | | on | off } 还有几个属性是用在HTA中的 在一般的网页中一般不使用 dialogHide:在打印或者打印预览时对话框是否隐藏 默认为no 取值范围{ yes | no | | | on | off } edge:指明对话框的边框样式 默认为raised 取值范围{ sunken | raised } unadorned:默认为no 取值范围{ yes | no | | | on | off }

lishixinzhi/Article/program/Java/JSP/201311/20651

<ul style="position: relative"> <li></li>

  <li></li>

  <li id="flag"></li>

  <li></li>

</ul>

<script>

  $(function(){

      var flag=$("#flag");

    alert(flagposition()top);//距离UI的上边距 50

    alert(flagposition()top+flagheight());//得到75，需加上自身高度

  });

</script>

可以通过position方法获取。把你的父元素设置position

$(window)height();//是文档窗口高度

$("div")offset()top//是标签距离顶部高度

$(document)scrollTop();//是滚动条高度

$("div")height();//是标签高度

用户要的高度+$("div")height()+[$("div")offset()top-$(document)scrollTop()]=$(window)height();

扩展资料：

JQuery参考函数

$(“元素”)prepend(content); 将content作为该元素的一部分，放到该元素的最前面

$(“元素”)prependTo(content); 将该元素作为content的一部分，放content的最前面

$(“元素”)remove(“exp”); 删除所有含有exp的元素

$(“元素”)wrap(“html”); 用html来包围该元素

$(“元素”)wrap(element); 用element来包围该元素

参考资料来源：百度百科-jQuery

获取浏览器显示区域（可视区域）的高度：$(window)height();获取浏览器显示区域（可视区域）的宽度：$(window)width();获取页面的文档高度$(document)height();获取页面的文档宽度：$(document)width();浏览器当前窗口文档body的高度：$(documentbody)height();浏览器当前窗口文档body的宽度：$(documentbody)width();获取滚动条到顶部的垂直高度(即网页被卷上去的高度)$(document)scrollTop();获取滚动条到左边的垂直宽度：$(document)scrollLeft();获取或设置元素的宽度：$(obj)width();获取或设置元素的高度：$(obj)height();某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

$("选择器")offset() //该方法返回当前选择元素的第一个元素左上角(包括边框)距离整个页面顶部和左边的距离,返回值为{left:x, top:y} 例:$("div")offset()top;得到该元素在距离页面顶部的距离

$("选择器")offsetParent() //该方法与offset返回值类型相同,只不过此方法返回的是该元素距离父元素的top和left

$(obj)offset()top - $(window)scrollTop()。

拓展：

1、jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

2、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的J&ouml;rn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

以上就是关于用jquery的height方法获得的元素高度怎么为0全部的内容，包括:用jquery的height方法获得的元素高度怎么为0、解析jquery获取父窗口的元素、jquery如何获取某个元素距离它父级的偏移量啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！