jQuery 在 $(html_with_inline_styles) 上丢失样式

Question

在 Firefox 3.6(Firebug 控制台)中，正在执行

$('<div style="-x-foo:bar;color:red;" />').attr("style")

结果

"color: red;"

为什么无法识别的样式规则会丢失？

Answer 1

jQuery 将创建一个新的 DOM 元素。 Firefox 将解析该元素的 style 属性并忽略任何它不理解的内容。

值得注意的是，Chrome 不会删除这样的属性。

尝试this link在不同的浏览器中测试此行为 - 谢谢 ILMV !