使用jquery增加css顶部属性

前端之家收集整理的这篇文章主要介绍了使用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

猜你在找的jQuery相关文章