复制代码 代码如下:
body,p{margin:0;padding:0;}
body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;}
#outer{width:300px;margin:0 auto;}
p{margin-bottom:10px;}
button{margin-right:5px;}
label{width:5em;display:inline-block;text-align:right;}
input{padding:3px;font-family:inherit;border:1px solid #ccc;}
#div1{color:#fff;width:180px;height:180px;background:#000;margin:0 auto;padding:10px;}
在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果。
$(function(){
$("button:first").click(function(){
var styleName= $("#outer").find("input:first").val();
var styleval = $("#outer").find("input:last").val();
$("#div1").css(styleName,styleval);
})
$("button:last").click(function(){
$("#div1").removeAttr("style");
})
})
在上方输入框输入"属性名"及"属性值"，点击确定按钮查看效果。