如何使用jquery应用内联样式？

Question

我想用jquery给出一些样式。当我在我的网站上加载一些弹出页面时。

我试过这样。

$("#myCountDiv").css({ "bottom":"298","position":"relative"});

$("#myInnerContainer").css({"margin-top:35"});

两者都不起作用。请帮我。如何将这些样式应用于这些div？

由于

Answer 1

第一个例子不起作用，因为“bottom”应为“298px”而底部示例不起作用，因为属性需要是键，“35”应该是“35px”。

<强>示例：

$("#myCountDiv").css({bottom: '298px', position: 'relative'});
$("#myInnerContainer").css({marginTop: '35px'});

查看更多示例here。

Answer 2

我总是对.css（）属性感到困惑，有太多选项，每个选项都有自己的规则。

而不是让你混淆所有选项，id'建议只记住这个。

$('div').css({
    'property':'value',
    'bottom':'298x',
    'position':'relative',
    'margin-top':'35px',
});

就像CSS一样，但你必须在属性和值周围加上引号。当你也可以使用绝对密钥时会产生混淆，但是当你这样做时，你必须使用任何具有超级密钥的密钥来回归：

$('div').css({
    bottom:'298x',
    position:'relative',
    marginTop:'35px',
});

最好坚持第一种方式。