jQuery为WebKit(chrome)和Firefox中的相同对象返回不同的高度

首先，我们需要了解jQuery是一个轻量级的JavaScript库，它可以简化HTML文档遍历、事件处理、动画和AJAX交互等任务。jQuery的核心特性是“write less, do more”，即通过简洁的语法实现更多的功能。

在这个问题中，jQuery为WebKit（chrome）和Firefox中的相同对象返回不同的高度。这可能是由于浏览器兼容性问题导致的。为了解决这个问题，我们可以使用以下方法：

1. 使用CSS重置样式表：通过将所有元素的默认样式重置为统一的样式，可以消除浏览器之间的差异。例如，可以使用Normalize.css或Reset CSS。
2. 使用jQuery的.height()方法：这个方法可以获取元素的高度，并且在大多数情况下可以在不同浏览器中返回相同的值。例如：

var height = $('#element').height();

1. 使用CSS媒体查询：通过为不同的浏览器和设备编写特定的CSS规则，可以解决浏览器兼容性问题。例如：

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* WebKit-based browsers (e.g., Chrome, Safari) */
  .element {
    height: 100px;
  }
}

@media screen and (-moz-min-device-pixel-ratio:0) {
  /* Firefox */
  .element {
    height: 100px;
  }
}

1. 使用polyfills：polyfills是一种兼容性解决方案，可以为旧版本浏览器提供新特性。例如，可以使用classList polyfill来解决IE9及以下版本不支持classList属性的问题。

总之，要解决jQuery为WebKit（chrome）和Firefox中的相同对象返回不同高度的问题，可以使用CSS重置样式表、jQuery的.height()方法、CSS媒体查询或polyfills等方法。这些方法可以帮助我们消除浏览器之间的差异，确保在不同浏览器中获得相同的高度。