javascript – 使用JQuery检查元素是否有边框?

前端之家收集整理的这篇文章主要介绍了javascript – 使用JQuery检查元素是否有边框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我正在玩$(el).css(),试图确定一个元素是否有边框.我使用.css(“border-style”,“solid”)来设置边框,这有效,但实际上它设置了4个单独的样式:
border-right-style
border-left-style
border-top-style
border-bottom-style

因此,检查边框有点麻烦,因为您必须执行以下操作:

if ($(el).css("border-right-style") == "solid" && $(el).css("border-left-style") == "solid" && ...) {}

只需检查$(el).css(“border-style”)!=“”不起作用,因为border-style总是等于“”.

有没有更优雅的方式来做到这一点?

解决方法

边框式是速记,你不能把它们放在一起所以你必须分开得到它们,因为按照 Jquery CSS documentation
Shorthand CSS properties (e.g. margin,background,border) are not supported.
For example,if you want to retrieve the rendered margin,use: $(elem).css('marginTop') and $(elem).css('marginRight'),and so on.

猜你在找的jQuery相关文章