使用jQuery获取边框样式
我怎么能用jQuery获得边框样式。 以下不起作用
$('#get').click(function() { var x = $('div').css('borderStyle'); alert(x) }) 查看http://jsfiddle.net/s7YAN/31/
alert($("div.myel").css("border-top-style"));
http://jsfiddle.net/jbrooksuk/YJQAS/
看来你无法一次性获得整个边框风格。 您需要明确说明您想要的部分。
显然你必须指明一面。
像那样 ：
var x = $('div').css("border-left-style");
我认为这是因为每一方都可以有不同的尺寸，颜色和款式。
jQuery .css()手册指出：
不支持速记CSS属性（例如边距，背景，边框）。 例如，如果要检索渲染边距，请使用：$（elem）.css（’marginTop’）和$（elem）.css（’marginRight’），依此类推。
基本上， border-style只是设置四边边框风格的简写。 它也可以像border-style: dotted solid double dashed;一样使用border-style: dotted solid double dashed; 但通常你只是写border-style: dashed; 这就是为什么它感觉像一个简单的财产。 margin ， margin: 20px; 实际上意味着margin: 20px 20px 20px 20px; （它也是一个速记属性）。
这就是为什么你需要使用border-top-style ， border-right-style等来获得边框样式的原因。
看一下这个。 看来你必须设置一个明确的方面： 如何在jQuery / javascript中获得边框宽度不完全相同，但同样的原则应该适用于你，如下所示：
alert($('div').css('border-top-style'));