如何使用变量和jQuery

Question

我没有掌握如何使用变量的概念，例如在这种情况下。

有两次尝试，没有任何作用，因为它应该

第一

var aWidth = { width: "610px" }, 1000

$('#Top1, #Bot1').show().animate(aWidth())

第二

var aWidth = animate({ width: "610px" }, 1000 )

$('#Top1, #Bot1').show().aWidth;

Answer 1

试试这个

var aWidth=610;
var aSpeed=1000;

$('#Top1, #Bot1').animate({width:aWidth+"px"},aSpeed);

Answer 2

这样做的一种方法是为动画属性设置一个变量，为速度设置另一个变量：

var props = { width: "610px" };
var speed = 1000;
$('#Top1, #Bot1').show().animate(props, speed);

如果您真的想要所有动画参数的单个变量，您可以使用Javascript apply（只调用一个函数，该函数具有由您传递的数组定义的参数， animationParams 在这种情况下）：

var animationParams = [ { width: "610px" }, 1000 ];
$('#Top1, #Bot1').show().animate.apply(animationParams);

Answer 3

这是我能做的最好的正确重写：

<强>首先

var animation = {
  properties: {width: 610},
  speed: 1000
};

$('#Top1, #Bot1').show().animate(animation.properties, animation.speed);

<强>第二

$.fn.animate_width = function() {
  return this.animate({ width: "610px" }, 1000);
};

$('#Top1, #Bot1').show().animate_width();

我首先学习普通的JavaScript，然后继续学习jQuery。如果没有基本的JavaScript概念，jQuery的语法很快就会让你感到困惑。