2013-04-21 33 views
0

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

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

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

我不明白你的问题。 – sdespont 2013-04-21 15:56:52

回答

0

使用Jquery的CSS方法。

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

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

如果你需要设置值:

buttonHeight = $("button").css("height","100px"); 
buttonPadding = $("button").css("padding","0 50 0 25"); 
0
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); 

});