jQuery父子动画答案

【问题标题】：jQuery parent and child animatejQuery父子动画
【发布时间】：2015-04-10 22:59:42
【问题描述】：

我的代码是这样的，它没有按预期工作。

function urSizeUp() {
 $('#someDiv', '#someDiv > div').animate({
  'width': '400px',
  'height': '100px'
 }, 500);
}

$('#someDiv').hover(urSizeUp);

事情是为父元素和子元素的宽度和高度设置动画。是否可以一次完成，还是我必须编写另一个函数？

这是fiddle。

请注意，如果您从两个函数中删除第二个（或第一个）选择器，它会起作用。

【问题讨论】：

【解决方案1】：

选择器中的引号过多：

function urSizeUp() {

$('#someDiv, #someDiv > div').animate({'width': 400, 'height': 100}, 500);
}

$('#someDiv').hover(urSizeUp);

编辑 - 起初没有看到小提琴......

【讨论】：