cách lấy giá trị của phong cách css bằng cách sử dụng jquery

Question

Tôi muốn biết loại phương pháp nào tôi nên sử dụng để có được giá trị của kiểu CSS. Tôi muốn thiết lập nó để jQuery để tôi có thể tạo điều kiện để phù hợp trên CSS "trái" giá trị.

Đây là thẻ CSS và HTML có thuộc tính kiểu.

<div class="items" style="left: -900px"> <span>some content here</span> </div> 

Đây là mã jQuery của tôi để lấy giá trị.

<script> 
    var n = $("items").css("left"); 
    if(n == -900){ 
    $(".items span").fadeOut("slow"); 
    } 
</script> 

Tôi muốn biết phương pháp này có đúng không vì nó không hoạt động. Cảm ơn trước vì sự giúp đỡ nhỏ.

Lưu ý: trái giá trị là năng động, và nó đã thay đổi đối với các giá trị: -900px, -1800px, -2700px, -3600px, -4500px ...

Answer 1

Tôi nghi ngờ css hiểu chính mình là tự mình. Bạn cần phải sử dụng nó chỉ định vị trí. Bạn đang sử dụng .css() một cách chính xác

position: relative/absolute/whatever; 
left: 900px; 

heres một fiddle của nó làm việc

http://jsfiddle.net/gFLZe/

và không có vị trí ở đây là những gì bạn nhận được

http://jsfiddle.net/gkkm5/

Thay đổi của bạn nếu tuyên bố là như thế này - với dấu ngoặc kép quanh -900px

var n = $("items").css("left"); 

if(n == '-900px'){ 
    $(".items span").fadeOut("slow"); 
} 

http://jsfiddle.net/gFLZe/1/

Answer 2

Vâng, bạn nói đúng. Với phương thức css(), bạn có thể truy xuất giá trị css mong muốn được lưu trữ trong DOM. Bạn có thể đọc thêm về điều này tại: http://api.jquery.com/css/

Nhưng nếu bạn muốn nhận được vị trí của nó, bạn có thể kiểm tra các phương pháp offset() và position() để có vị trí của nó.

Answer 3

Mã của bạn là chính xác. thay thế các mặt hàng bằng .items như bên dưới

<script> 
    var n = $(".items").css("left"); 
    if(n == -900){ 
    $(".items span").fadeOut("slow"); 
    } 
</script>