Jquery function css

Jquery function css

本文关键字：css function Jquery      更新时间：2023-09-26

我想知道如果这个脚本是坏的，不为我工作:

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的转换，这只有我需要改变的东西，但它不工作。

的问候! !

查看jQuery .css文档

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

EDIT:如果你想添加font-size或margin-bottom，只需使用经典的CSS属性/值

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

对于多字CSS属性，可以使用引号:

"font-size": "12px",

或camelCase: 

fontSize: "12px",

对象必须是一个有效的Javascript对象文字，并且像-这样的分隔符不允许出现在未加引号的属性名中。

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

$('.class').css({
   width : '50%',
   height : '150px'
});
相关文章：