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

});

如何用jQuery生成css？

2 个答案: