javascript - 如何将函数应用于所有具有 border-radius 属性的元素

Question

我的想法是在 IE 7/8 中制作一些边框半径效果，所以我决定使用 jquery.corner.js图书馆。为了使其更通用，我想编写一些脚本，将 corner() 函数应用于页面中具有 border-radius 属性的所有元素。

例如，对于这个元素

.someElement
{
    border-radius:10px;
}

函数必须做以下事情

   $(".someElement").corner("10px");

问题是我想对所有元素应用圆 Angular ，包括动态添加的元素和在某些操作(悬停、单击等)中继承 border-radius 属性的元素。 是这可能吗？

Answer 1

您需要声明一个在每次更改时应用您的 css 的函数。要检测 css 样式更改，请参见此处:

Event detect when css property changed using Jquery

然后您需要在样式更改和 dom 树更改时调用该函数(每次您将某些内容附加到页面中)...

我建议您使用特定类来应用边框半径 css。这样您就可以通过 jQuery 类选择器选择圆形元素。