jquery css中的百分比定位

Question

为什么下面的JQuery语法不正确：

 $('#Footer').css({ right: 6%, bottom: 0 });  

这一个是：

 $('#Footer').css('right', '6%');
 $('#Footer').css('bottom', '0');

第一个代码中有什么不正确？

提前致谢

Answer 1

6%不是数字，因此必须将其指定为字符串。

$('#Footer').css({ right: '6%', bottom: 0 });  

Answer 2

您遗失''

$('#Footer').css({ right: '6%', bottom: '0' });  

供参考http://api.jquery.com/Types/#jQuery

Answer 3

因为你缺少引号

应该是

 $('#Footer').css({ 'right': '6%', 'bottom': 0 }); 

Answer 4

  

$('#Footer').css({ 'right': '6%', 'bottom': 0 });

正如Kimtho6所说的那样正确答案。

Kapa在这种情况下普遍存在错误。由于引号在使用单个字属性时仅是可选的;如果你使用了他的推理，那么在获得padding-right属性时你的代码就会失败。

这与JSON需要引号的原因相同。因为引号使属性名称具有通用性。而且因为JS和许多其他编码语言不允许-字符作为独立的属性名称;因为在有任何计算机编码语言之前它是一个数学符号。

<强>故障：

$('#Footer').css({ padding-top: '6%', padding-bottom: 0 });

<强>成功：

$('#Footer').css({ 'padding-top': '6%', 'padding-bottom': 0 });