代码之家 › 专栏 › 技术社区 › Mircea

jQuery将变量传递给.css({})

variables css jquery

Mircea · 技术社区 · 16 年前

我有以下功能:

$("#myId").css({left: leftVal+"px", top:topVal+"px"});

这很管用。

我正在寻找一种方法来添加 left: leftVal+"px", top:topVal+"px" 作为变量并使我的函数:

$("#myId").css({myCSSstuff});

我试过了

var myCSSstuff= "left: "+leftVal+"px, top:"+topVal+"px"

但它不起作用。有办法吗? 桑克斯。

1 回复 | 直到 16 年前

slikts 16 年前

你可以这样做:

var myCSSstuff = { left: leftVal, top: topVal };
$("#myId").css(myCSSstuff);

这个 {} 表示法用于对象或关联数组。

myCSSstuff.color = 'red';
myCSSstuff['color'] = 'red';

第二种方法允许使用字符串作为属性名,即。

var prop = 'color';
myCSSstuff[prop] = 'red';

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前