如何使用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屬性

回答

相關問題