使用 jQuery 获取边框样式答案

【问题标题】：Get border style with jQuery使用 jQuery 获取边框样式
【发布时间】：2012-04-23 00:07:04
【问题描述】：

如何使用 jQuery 获得边框样式。以下不工作

$('#get').click(function() {
    var x = $('div').css('borderStyle');
    alert(x)
})

查看http://jsfiddle.net/s7YAN/31/

【问题讨论】：

标签： jquery css

【解决方案1】：

alert($("div.myel").css("border-top-style"));

http://jsfiddle.net/jbrooksuk/YJQAS/

您似乎无法一次获得整个边框样式。您需要明确说明您想要其中的哪一部分。

【讨论】：

【解决方案2】：

显然你必须指定边。

像这样：

var x = $('div').css("border-left-style");

http://jsfiddle.net/s7YAN/45/

我认为这是因为每一面都可能有不同的尺寸、颜色和样式。

【讨论】：

【解决方案3】：

jQuery .css() manual 声明：

简写 CSS 属性（例如，边距、背景、边框）不受支持。例如，如果您想检索渲染的边距，使用： $(elem).css('marginTop') 和 $(elem).css('marginRight') 等等。

基本上border-style只是设置四边边框样式的简写。它也可以像border-style: dotted solid double dashed; 一样使用，但通常你只写border-style: dashed; 这就是为什么它感觉像是一个简单的属性。 margin 也是如此，说 margin: 20px; 实际上意味着 margin: 20px 20px 20px 20px;（它也是一个速记属性）。

这就是为什么需要使用border-top-style、border-right-style等来获取边框样式。

【讨论】：

【解决方案4】：

看看这个。看来您必须设置明确的一面： How to get border width in jQuery/javascript 不完全相同，但同样的原则应该适用于您，如下所示：

alert($('div').css('border-top-style'));

http://jsfiddle.net/s7YAN/54/

【讨论】：