Javascript: Класс печати атрибутов

Question

Я получил класс в CSS:

img { 
    position: relative; 
    left: 0; 
    top: 0; 
} 

и IMG в теле HTML. Я могу переместить IMG с моим кодом JQuery/JavaScript:

$('img').animate({left: "-=20"}, 'fast');  

Теперь я хочу, чтобы распечатать атрибут «левый» из моего класса Img. Любые предложения, как это сделать? Мой window.alert($('img').left) не работает. Благодаря

Answer 1

Чтобы изменить определенный атрибут CSS, используйте

$('foo').css('bar', '42'); 

Для доступа к определенному атрибуту CSS, используйте

$('foo').css('bar'); 

Таким образом, чтобы ответить на ваш вопрос:

window.alert($('img').css('left')); 

Чтобы узнать больше: http://api.jquery.com/css/

Answer 2

Вы можете использовать css method, чтобы прочитать этот стиль.

Я предполагаю, что вы хотите, чтобы получить позицию после того, как анимация завершена:

$('img').animate({left: "+=20"}, 'fast', function(){ 
    window.alert($('img').css('left')); 
});