javascript - jQuery 函数 css

Question

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

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 的效果和转换，而这只是我需要更改的东西，但它不起作用。

问候 ！！！

Answer 1

检查jQuery .css文档

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

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

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

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

Answer 2

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

"font-size": "12px",

或骆驼案：

fontSize: "12px",

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

Answer 3

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

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