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/

使用jQuery获取边框样式

4 个答案: