如何使用jQuery生成css？

我正在开发按钮生成器，最后一步是为我的按钮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()); 
});

功能显示宽度（元素、宽度）{
$（“#myCode”）.html（“宽度：+w+”；“+”
“+”高度：“+w+”；“+”
”）；
}
$（“#代码”）。单击（函数（）{
showWidth（“按钮“，$”（“#valuePX”）.val（）；
showWidth（“按钮“，$”（“#valuePX1”）.val（）；
});

使用Jquery的CSS方法

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

您可以对任何CSS属性使用此方法

如果需要设置该值：

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

函数显示宽度（元素、值）{
$（“#myCode”）.html（“宽度：+values.width+”；“+”
“+”高度：+values.height+”；“+”
”
);
}
$（“#代码”）。单击（函数（）{
var值={}；
values.width=$（“#valuePX”）.val（）；
values.height=$（“#valuePX1”）.val（）；
//您可以添加尽可能多的内容，如值、填充、值、任何内容
显示宽度（“按钮”，值）；
});

我不明白你的问题。

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); 

});