如何使用jquery获取所有css属性

我有div。他们可以拖动，可调整大小，我有一个div编辑器。这意味着我可以更改任何div宽度，高度，边距，填充和背景颜色，字体大小，字体重量等。我使用jquery完成此操作它完美。现在我想知道我如何获得每个div的所有CSS属性。如何使用jquery获取所有css属性

当我完成使用jquery每个div元素，样式属性改变...

element.style{ 
width:250px; 
height:35px; 
top:233.23px; 
left:33.12px; 
background-color:#000; 
font-size:16px; 
font-weight:600; 


}

像that.So我想所有上述值的jQuery对象创建JSON file.How我能做到这个？在此基础上回答

来源

2013-05-15 Dilini Wasana

你试图使用'jquery.css（）'？ – bipen

创建一个小提琴：http://jsfiddle.net/tymeJV/TFaZ3/ - 从这样的回答：http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with元素 – tymeJV

@bipen不，我没有尝试它 –

：Can jQuery get all CSS styles associated with an element?

这里有一个演示：http://jsfiddle.net/tymeJV/TFaZ3/

结果console.log(css($(".test"))); == Object {600: "", width: "250px", height: "35px", top: "233.23px", left: "33.12px", background-color: "rgb(0, 0, 0)"…}

似乎完成所需要的。

来源

2013-05-15 17:55:09 tymeJV

很酷..但你忘了添加'函数css（）{...'在这里..没有，我怀疑这将工作..我假设，你会得到一个错误，说'css没有定义......“:) – bipen

您使用必须首先使用CSS类，然后用而不是“样式表”“addClass”使用jQuery。参见例如，我有以下：

的.class {余量：0;填充：0;文本对齐：中心; }

然后你的jQuery会是这个样子：

（函数（）{ $（ '选择'）addClass（ '类'）;} ）（jQuery的）;

来源

2013-05-17 01:47:13 Mosire

如何使用jquery获取所有css属性

回答

相关问题