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

Question

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

HTML：

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

<br>

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

查询：

$(".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/

Answer 2

你的css属性中有一个额外的分号，根本不需要它..删除它，它应该可以工作..

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

在这里工作小提琴

Answer 3

这种更简单的方法也可能有帮助：

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