我应该在下面的示例中使用$button.eq(number_of_active_slide)
还是$button
?
所有按钮的高度均为10px,但其中一个按钮的索引为different_value
。
在Option A
中,我将能够将选择器缓存在变量中,这对我来说似乎很好。但我会为所有选择器设置动画(大多数选择器都会高度为10px)。所以似乎没必要。
在Option B
中,我将无法将选择器缓存在变量中(每次单击它时它将是一个不同的值)。但我会在网上为一个选择器设置动画,这对我来说也是上帝。
示例:
// Option A:
$button.click(function () {
$button.animate({
height: '10px'
}, 500);
});
// Option B:
$button.click(function () {
$button.eq(different_value).animate({
height: '10px'
}, 500);
});
答案 0 :(得分:1)
我会用这个:
$button.click(function () {
$(this).animate({
height: '10px'
}, 500);
});
我假设您点击的按钮是您要设置动画的按钮。
如果不是这种情况,.eq()是超快速操作。您仍在缓存按钮组,这是一个昂贵的搜索步骤。使用.eq()来减少设置也不错。在这种情况下我会使用选项B.