Javascript 在对象jQuery中存储.css（）_Javascript_Jquery_Object

Javascript 在对象jQuery中存储.css（）

javascript jquery object

Javascript 在对象jQuery中存储.css（）,javascript,jquery,object,Javascript,Jquery,Object,我目前正在尝试将元素的原始CSS值保存到对象中，如下所示： var xc = { "pos": { "ml": String($(this).css("margin-left")), "mt": String($(this).css("margin-top")) } }; 在存储了这些值之后，我会更改刚刚存储其值的元素的CSS样式当我尝试从对象访问原始值时，返回元素的新CSS样式例如，235px存储在对象中，然后我将元素的235px更改为10

我目前正在尝试将元素的原始CSS值保存到对象中，如下所示：

var xc = {
    "pos": {
        "ml": String($(this).css("margin-left")),
        "mt": String($(this).css("margin-top"))
    }
};

在存储了这些值之后，我会更改刚刚存储其值的元素的CSS样式

当我尝试从对象访问原始值时，返回元素的新CSS样式

例如，235px存储在对象中，然后我将元素的235px更改为10px。元素的235px现在变为10px。

通过使用将值附加到jQuery选择中，可以轻松地保留这些值

如果您更改

$ele

的css，但希望访问原始值，则只需调用

$ele.data（）[property]

例如，如果要将所有CSS值还原为其原始值，则只需将保存在数据中的对象传递给：

通过使用将值附加到jQuery选择，可以轻松地保留这些值

如果您更改

$ele

的css，但希望访问原始值，则只需调用

$ele.data（）[property]

例如，如果要将所有CSS值还原为其原始值，则只需将保存在数据中的对象传递给：

试试这个（不带字符串）：


测验

试试这个（不带字符串）：


测验

我想你想克隆一个对象。当我试图访问对象的原始值时，我返回了元素的新CSS样式。“请，请告诉我们你是如何改变元素的CSS，然后（2）尝试访问原始值的。也考虑使用，为什么奇怪的<代码>字符串< /代码>？jQuery的css函数返回一个。。。一串我想你想克隆一个对象。当我试图访问对象的原始值时，我返回了元素的新CSS样式。“请，请告诉我们你是如何改变元素的CSS，然后（2）尝试访问原始值的。也考虑使用，为什么奇怪的<代码>字符串< /代码>？jQuery的css函数返回一个。。。一串

var $ele = $('#ele');
$ele.data( $ele.prop('style') );

$ele.css( $ele.data() );

<!DOCTYPE html>
<html>
<head>
  <script data-require="jquery@1.9.1" data-semver="1.9.1" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
  <div style="margin-left: 10px; margin-top: 20px;"
    onclick="var xc = {'pos': {'ml': $(this).css('margin-left'), 'mt': $(this).css('margin-top') } }; alert(xc.pos.ml + ' ' + xc.pos.mt);">Test</div>
</body>
</html>