javascript - 无法在 jQuery 中添加边框半径

Question

我试图在单击 div 时添加边框半径属性，但它不起作用:

HTML:

<div class="div1">
    Div 1        
</div>

<br>

<div class="div2">
    Div 2            
</div>

J查询:

$(".div2").click(function() {
    $(this).css({"border-radius":"10px 15px 20px 25px;"})
});

我的 jsFiddle:http://jsfiddle.net/6mLpJ/

非常感谢您。

Answer 1

这是因为分配给您的 border-radius 属性的值中有分号:

$(this).css({"border-radius":"10px 15px 20px 25px;"})
------------------------------------------- here ^ -----

; 用于分隔CSS中元素之间的样式。它不是值的一部分，因此您只需将其删除即可使您的函数正常工作。

更新演示:http://jsfiddle.net/6mLpJ/2/