jquery - 如何使用 jQuery 生成 CSS？

Question

我正在研究按钮生成器，最后一步是为我的按钮 div 生成 css 代码。我正在使用下面的代码，但 w 只能存储一个值，让我们说宽度如何获得另一个高度填充值等..？

function showWidth(ele, w) {
    $("#myCode").html(  "width:"   + w + ";"  + "<br/>" + " height: "   + w + ";" + "<br/>");
}

$("#code").click(function () { 
    showWidth("button", $("#valuePX").val()); 
    showWidth("button", $("#valuePX1").val()); 
});

Answer 1

使用 Jquery 的 CSS 方法。

buttonHeight = $("button").css("height");
buttonPadding = $("button").css("padding");

您可以将此方法用于任何 CSS 属性。

如果您需要设置值：

buttonHeight = $("button").css("height","100px");
buttonPadding = $("button").css("padding","0 50 0 25");

Answer 2

function showWidth(ele, values) {
      $("#myCode").html(  "width:"   + values.width + ";"  + "<br/>" + " height: "   + values.height + ";" + "<br/>" 

);
    }
    $("#code").click(function () { 
        var values = {};
        values.width = $("#valuePX").val();
        values.height = $("#valuePX1").val();
       //you can add as many things as possible like values.padding, values.anything
        showWidth("button",values); 

});