使用jQuery获取边框样式

Question

如何使用jQuery获取边框样式？以下是不工作

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

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

Answer 1

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

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

看来，你是无法得到整个边框样式一气呵成。您需要明确指出您想要的部分。

Answer 2

显然你必须指定一面。

就像是：

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

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

我想这是因为每一面可以具有不同的尺寸，颜色和样式。

Answer 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等来获得边框样式。

Answer 4

检查了这一点。看来你必须设置明确的一面： How to get border width in jQuery/javascript 不完全一样，但同样的原则应适用于你，这表现在这里：

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

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