【问题标题】:Shorthand css with jQuery?使用 jQuery 的简写 css?
【发布时间】:2015-11-25 19:51:38
【问题描述】:

我想知道 jQuery。我试图改变一个 Div 的边界。如果我逐步更改边框,效果很好。但是,速记 CSS 不起作用。

一个例子:

// Works well
   $(div).css({
    'border-color': '#000000',
    'border-width': '10px'
    });

 // But this does not work:
$(div).css({
'border': '10px solid #000000'
});

有没有办法使用速记 CSS 样式,还是不支持?

【问题讨论】:

  • 它有效:jsfiddle.net/w2uL7v3p - 所以你需要看看其他地方,比如你的 div 变量是什么或者是否有其他因素。
  • 这似乎不完全受支持:来自 jQuery API “虽然在某些浏览器中可以使用,但不能保证。”。
  • 这个 API 段落讨论了检索。确实,不能保证获得这样的价值。但是我从来没有遇到过设置它的问题,使用您的方法或答案中的方法,这一切都归结为标准 html 的节点 .style 属性操作。

标签: jquery css shorthand


【解决方案1】:

当使用.css() 设置单个属性时,尝试设置不带对象表示法

$(div).css("border", "10px solid #000000");

【讨论】:

    猜你喜欢
    • 2012-02-26
    • 2012-06-06
    • 1970-01-01
    • 1970-01-01
    • 2012-04-23
    • 1970-01-01
    • 2012-01-30
    • 1970-01-01
    • 2011-08-23
    相关资源
    最近更新 更多