jQuery得到的属性超出了样式

ske*_*rit 16 javascript css jquery

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

<div style="top: 250px; left: 250px;" id="1" class="window ui-draggable">
Run Code Online (Sandbox Code Playgroud)

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

Pek*_*ica 40

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

$("#element_1").css("top")
$("#element_1").css("left")
Run Code Online (Sandbox Code Playgroud)

如果它是一个像素值,那么它将始终是style属性中指定的值- 除非它被!important样式表中的语句覆盖.

jQuery文档 .css()

如果明确需要元素style属性中指定的值,请使用

$("#element_1")[0].style.top
$("#element_1")[0].style.left
Run Code Online (Sandbox Code Playgroud)

不同的是.css(),如果未在style属性中指定这些值,则这些值将为空.

(使用ID element_1,您不能拥有一个名为的ID 1)