javascript - jQuery 获取不合时宜的属性

Question

我需要从“style”属性中提取一些东西:“top”和“left”属性

<div style="top: 250px; left: 250px;" id="1" class="window ui-draggable">

使用 jQuery 执行此操作的最佳方法是什么？有没有简单的方法，还是我必须求助于字符串函数？

Answer 1

这取决于你需要什么。如果您需要计算值 - 例如浏览器在解析所有样式表后使用的实际值 - 使用

$("#element_1").css("top")
$("#element_1").css("left")

如果它是一个像素值，它总是在 style 中指定的值属性 - 除非 被 !important 覆盖样式表中的语句。

jQuery docs for .css()

如果您明确需要元素的 style 中指定的值属性(property)，使用

$("#element_1")[0].style.top
$("#element_1")[0].style.left

不像.css() , 如果未在 style 中指定，这些值将为空属性(property)。

(使用 ID element_1，您不能拥有名为 1 的 ID)