使用jQuery设置div动画

使用jQuery设置div动画,jquery,html,css,Jquery,Html,Css,我想用相同的尺寸制作一系列div的动画,我使用Jquery来取消加载时的css顶部边框,以模拟div移动到顶部 我目前有一个休闲jquery: $(function(){ $('#some_div').animate({'margin-top': '0px'}, 1000); }); </script> $(函数(){ $('some#div')。动画({'margin-top':'0px'},1000); }); 这似乎只适用于最上面的div。是否有方法创建某种

我想用相同的尺寸制作一系列div的动画,我使用Jquery来取消加载时的css顶部边框,以模拟div移动到顶部 我目前有一个休闲jquery:

$(function(){
    $('#some_div').animate({'margin-top': '0px'}, 1000);
});
    </script>
$(函数(){
$('some#div')。动画({'margin-top':'0px'},1000);
});

这似乎只适用于最上面的div。是否有方法创建某种循环,以便我的jquery在所有同名div上模拟这种效果。

您的jquery选择器按ID指向一个项。根据定义,ID只能引用一个元素。将其更改为类选择器,以设置多个项目的动画,并为它们提供相同的类。

$('some_div')表示仅id为='some_div'的div,您可以使用$('div')要获取所有div或按类选择,唯一的问题是我需要在不同情况下对该id应用不同的样式,并且我正在为此示例使用类。有什么建议吗?您可以一次向元素添加多个类声明。尝试class=“animate me greybg”如果您觉得有帮助,请随时将我的回答标记为答案。祝你好运