Jquery函数css [重复]

Posted 2023-03-06

【中文标题】Jquery函数css [重复]

【英文标题】：Jquery function css [duplicate]

【发布时间】：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".

【参考方案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 与问题无关

因为它完全没有解决错误的原因。