使用jquery增加css顶部属性

我有以下div：

<div id="new" style="position: absolute; z-index: 100; top: 210px; width: 195px..

当事件发生时，增加top属性的最佳方法是什么？

注意，我试过：$(‘#new’)。css(‘top’)10但问题是.css返回字符串。

解决方法

您可以使用 parseFloat function仅获取初始数字部分，并将其从字符串转换为数字。例如：

var n = $('#new');
n.css('top',(parseFloat(n.css('top')) + 10) + 'px');

作为一个侧面的注释，如果你想一次更改多个元素的位置，这可能是：

$('.someClass').css('top',function(i,v) {
    return (parseFloat(v) + 10) + 'px';
});

但是如果你只是试图动画元素随着时间的推移，看看jQuery的.animate method。