jquery - jquery css 函数在 Firefox 和 IE 11 上的奇怪行为

Question

我试图做一些非常简单的事情，当我开始调试代码时，直到看到它才知道哪里出了问题。我不敢相信这个简单的功能不能在 Firefox 或 IE 11 上运行，但可以在 Chrome 上运行。

假设我得到了这个包含 2 个 css 类的 div 元素。

<div id="box" class="class1 class2"></div>

其中 class2 具有 border-top 属性。

.class2 {
   border-top: 1px solid #626262;
}

现在我想看看这个盒子 div 是否有 border-top 属性。

你首先想到的是:

$("#box").css("border-top")

对吧？这将返回 border-top 属性(如果有的话)。好吧，这适用于 Chrome，并返回 border-top 属性......在 Firefox 和 IE 11 中返回一个空字符串，这怎么可能？

知道出了什么问题吗？或任何其他方式在所有浏览器上获取它？

提前致谢。

已编辑:最终做了一些对我有用的不同的事情，与此无关。我只注意边框的宽度，并为宽度不同于 0px 的那些应用值。更有意义，因为我有其他默认边框样式无缘无故地出现“0px none #000000”。

Answer 1

根据 css 的 jQuery 文档:

速记 CSS 属性(例如边距、背景、边框)的检索，虽然在某些浏览器中可以正常工作，但不能保证。例如，如果要检索呈现的边框宽度，请使用:$( elem ).css( "borderTopWidth")、$( elem ).css( "borderBottomWidth") 等。

css() method

所以基本上，您必须使用您的原始方法查找每个浏览器对许多属性使用的内容......或者您可以按照 A. Wolff 的建议进行操作，而只检查类。