jquery - 如何在 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 props = { width: "610px" };
var speed = 1000;
$('#Top1, #Bot1').show().animate(props, speed);

如果您真的想要所有动画参数的单个变量，您可以使用 Javascript应用程序（只需调用一个函数，其参数由您传递的数组定义，在本例中为animationParams）：

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

Answer 2

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

第一的：

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 的语法弄糊涂。

Answer 3

试试这样

var aWidth=610;
var aSpeed=1000;

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