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

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

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

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

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

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

解决方法

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

猜你在找的jQuery相关文章