Jquery函数css [重复]答案

【问题标题】：Jquery function css [duplicate]Jquery函数css [重复]
【发布时间】：2013-06-16 18:07:37
【问题描述】：

我想知道这个脚本是否不好，不适合我：

jQuery(".template_content_img").css({
    width: "50%",
    height: "150px",
    //// Here gives me error 
    font-size: "12px",
    margin-bottom: "23px",
});

我不知道是"width:200px"还是"width","150px"的问题

这些是我的家伙，另一方面，我也看到很多人为此使用动画而没有使用 css，但是为什么您认为动画会创建效果和 div 的转换，而这只是我需要更改的东西，但它不起作用。

问候！！！

【问题讨论】：

查看文档。
你试过.css({'width':50%, 'height':150px})吗？
@PSL - 很好，但 50% 或 150px 是字符串，所以必须用引号或撇号
@Shaddow 哦，是的.. 我没注意到... :)
@user2501504 将属性键放在引号中。 "font-size".

标签： javascript jquery css

【解决方案1】：

查看jQuery .css 文档

jQuery(".template_content_img").css({
    "width": "50%",
    "height": "150px"
});

jQuery(".template_img").css({
    "width": "70%",
    "height": "100px"
});

编辑：如果要添加font-size 或margin-bottom，只需使用经典的CSS 属性/值

jQuery(".template_content_img").css({
    "width": "50%",
    "height": "150px"
    "font-size": "12px",
    "margin-bottom": "23px",
});

【讨论】：

还有一个问题，如果我想放其他东西，例如 fot-size ， font-weight ， margin-bottom 等，我该如何放置或使用，谢谢您的帮助跨度>
只使用经典的 CSS 属性/值

【解决方案2】：

对于多词 CSS 属性，请使用引号：

"font-size": "12px",

或驼峰式：

fontSize: "12px",

对象必须是有效的 Javascript 对象字面量，并且在未加引号的属性名称中不允许使用像 - 这样的分隔符。

【讨论】：

+1 同时提供选项和解释。

【解决方案3】：

您必须使用文字将 css 属性解析为 javascript 对象：

$('.class').css({
   width : '50%',
   height : '150px'
});

【讨论】：

-1 与问题无关
因为它完全没有解决错误的原因。