Question

使用jQuery，你如何获得当前的边界值？是虚线还是点缀还是其他？

eg.

    .block { width:100px;height:100px;background-color:#abc;border:dashed 1px #000000;}

<div class="block"></div>

例如。单击A按钮将边框值更改为3px但保持虚线＆amp;颜色。

然后单击B按钮将边框更改为虚线但保持3px＆amp;颜色。

Answer 1

速记CSS属性（例如边距，背景，边框）不是支持的。例如，如果要检索渲染边距，使用：$（elem）.css（＆＃39; marginTop＆＃39;）和$（elem）.css（＆＃39; marginRight＆＃39;）等等上。

您必须选择'border-top-style'之类的特定边框才能获得dashed，dotted等等（这应该与您应用的{{1}相同简写）

border

例如。单击A按钮将边框值更改为3px但保持虚线＆amp;颜色。

$(".block").css('border-top-style')

然后单击B按钮将边框更改为虚线但保持3px＆amp;颜色。

$(".block").css({'border-top-width': '3px', 'border-right-width': '3px', 'border-bottom-width': '3px', 'border-left-width': '3px'})

Answer 2

一些Html

<p>Hello</p>
<button id="a">A</button>
<button id="b">B</button>
<button id="reset">Reset</button>

一些jQuery

$(function(){

    $("#a").click(function(){
        $("p").css('border', '3px solid red');
    });
    $("#b").click(function(){
        $("p").css('border-style', 'dashed');
    });
    $("#reset").click(function(){
        $("p").css('border','none');
    });

});

在jsFiddle

上查看它的工作原理

如何获取元素的当前CSS值

2 个答案: