javascript - jquery .css() 出现问题并获得样式属性的 css

Question

我想使用 css() 为元素添加样式并保存它第一步工作正常但是当我想保存它时 jquery 给我的代码太详细了例如

<div id="d"></div>

$('#d').css("border-radius","55px");

和

alert($('#d').attr('style'));

给

border-top-left-radius: 55px;
border-top-right-radius:55px;
border-bottom-right-radius:55px;
border-bottom-left-radius:55px;

反正有没有得到不太详细的代码，比如

border-radius:55px

?

score 0 · Accepted Answer

通过捕获我设置属性值的所有输入[type = text]，我最终得到了不同的方法，在那里我可以完全控制输出

score 0 · Accepted Answer

0

尝试这个

alert($('#d').attr('style'));

于 2012-11-21T07:56:26.143 回答

score 0 · Accepted Answer

我认为您可以通过以下方式看到它：

    $('#d').css("border-radius");

或者可能

    $('#d').attr("style");

score 0 · Accepted Answer

0

尝试这样的事情

alert($('#d').css(border-radius'));

于 2012-11-21T07:59:41.573 回答

score 0 · Accepted Answer

我在 Firefox 中对此进行了测试，我得到了：

border-radius: 55px 55px 55px 55px;

在测试的其他浏览器中，我得到了您所写的内容。输出似乎是特定于浏览器的 - 如果您检查 DOM 中的元素，即使在那里，它在 Firefox 中的编写方式也与我测试的其他浏览器不同（Safari、Chrome、Opera 都编写了明确的扩展定义）。

也发现了这一点，尽管在不同的背景下：

不同的浏览器可能会返回逻辑上但文本上不相等的 CSS 颜色值，例如 #FFF、#ffffff 和 rgb(255,255,255)。 http://api.jquery.com/css/

总之，如果您想要特定格式的样式定义，则必须对attr('style')返回的字符串执行正则表达式替换之类的操作。希望这可以帮助。

5 回答 5