jquery当前元素的高等于父元素的高，jquery 获取当前元素的父元素

jquery中“outerHeight()”与“height()”的区别是什么?

1、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得高度”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行testfun（）函数。

2、要注意ss(height)和.height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。outerheight()：其高度范围是所匹配元素的高度。获取元素集合中第一个元素的当前计算高度值，包括padding，border和选择性的margin。

3、一，.width() 和 .height()方法8增加了对css属性box-sizing的支持，需要注意与2的区别了。2及以前的版本无论是否定义box-sizing： border-box返回的都是盒模型中元素内容的宽度或高度，不包括padding和border。

4、offsetHeight是js对象所能支持的方法，而$(div：eq(1))所获得的是一个JQUERY对象，他是不支持offsetHeight的。

5、你得到的是div的宽度。可以试试这样： var width=$(#test img).width()；alert(width)； 如果还不行，那可能是由于你将这个div隐藏了的原因！希望可以帮到你。

6、outerHeight() 获取第一个匹配元素外部高度(默认包括内边距和边框)。outerWidth() 获取第一个匹配元素外部宽度(默认包括内边距和边框)。

相关问答

Q1: 怎样让两个div保持相同的高度

新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。

以上代码可以将右边的div高度跟随左边div的高度变化，下面就简单介绍一下如何实现次效果：实现原理：那就是获取左边的div的高度，然后再将此高度赋值给右边的div，这样就实现了两个div高度相等的效果。代码注释：window.onload=function(){}，为window.onload绑定事件处理函数。

css3 的display：flex可以实现。

可以用js实现左右两个自适应高度的div等高。

纯CSS方法极难令左右并排的两个div的高度一致。方法不是没有，但是，要么使用相当复杂布局机制（如使用图片定位方式），要么就是效果不理想（如不同的浏览器环境纯CSS方法效果并不一样甚至没有效果）。要万无一失地令两个横向并列的div块自适应高度，最好的方法还是利用JavaScript。

Q2: jquery怎么获取当前元素的父元素

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码 (body).append($(#a).parent().attr(id))；浏览器运行index.html页面，此时成功通过ID为a的div获取了它父级元素并打印其ID值。

使用js或者jquery查找父元素、子元素经常遇到。

(p).parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。

jquery中$(this).parent()是当前标记的父标记的意思。在使用 $(this).parent()的时候，需要对他进行操作，要先得到他的父级，然后在进行操作。parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。

parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选。

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

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

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

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

Q4: 用jquery怎么设置div的高度

1、用jQuery的animate方法就可以！如改变div1的高度为500px。

2、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。

3、为了方便操作，我们使用jquery脚本库，先引入脚本文件。html里有一个div，和一个按钮，按钮是用来触发div高度变化的。按钮事件函数如图，我们先使用jquery的width方法来得到div当前的宽度。然后计算div的高度，假设高度要设置为宽度的60%，我们就 x 0.6。

Q5: 子元素宽度自适应并且可以超过父元素?

1、给A和B分别添加样式，父元素a设置相对定位，子元素b设置绝对定位，b的z-index值大于a，就可以将b元素浮在a元素上面，宽度不受父元素限制。

2、当子元素的宽度总和小于父元素的宽度的时候，是有效的。但是当子元素宽度总和大于父元素宽度的时候。子元素的宽度就自适应了。造成此问题的原因是因为，felx布局下有一个属性flex-shrink flex-shrink 属性指定了 flex 元素的收缩规则。

3、前言本文介绍的是利用CSS3的新属性box-sizing，解决div宽度设置width：100%后再设置padding或margin超出父元素的问题，有需要的朋友们可以参考借鉴。语法box-sizing： content-box|border-box|inherit；值content-box 这是由 CSS1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。

4、父级版元素宽度不固定，父级元素设置为inline-block或者添加float；对父级元素使用min-width，这样只限制了最小的宽度，如果子元素变宽，父级同样会变宽。首先父类元素必须不是相对定位，如果是相对定位宽度就会默认为百分百。所以必须是绝对定位或者fixed。

5、而不是简单的做加法运算)，实际上下两段之间距离是：15px 这个就是：外边距自动合并，是一个很有用的功能，基本上能解析 css 的浏览器都能自动合并这种外边距。然后你遇到的错误是：某些浏览器在不该 自动合并外边距时 去帮你合并了，合并的顺序是把下面一块往上面挤，就挤到父元素的外边去了。

关于jquery当前元素的高等于父元素的高和jquery 获取当前元素的父元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。