Firefox、Edge下无法使用jQuery的css(“margin”)、css(“padding”)和css(“border”)获取值

小笨 技术分享评论534 views阅读模式

今天遇到了浏览器的迷惑行为,在Edge上使用jQuery的css("margin")获取值,发现获取的是空值,换了Firefox也是如此。看了jquery官方原话,发现如下一段话:

Retrieval of shorthand CSS properties (e.g., margin, background, border), although functional with some browsers, is not guaranteed. For example, if you want to retrieve the rendered border-width, use: $( elem ).css( "borderTopWidth" ), $( elem ).css( "borderBottomWidth" ), and so on.

意思是说:使用简略css属性表示法(比如mangin、padding这些),在某些浏览器上可能不起作用(直接点名Firefox、Edge),要获取的话,使用$( elem ).css( "borderTopWidth" ), $( elem ).css( "borderBottomWidth" )等等这些方式吧。

 

正确获取方法:

$('.element').css('margin-top')、

$('.element').css('margin-bottom')

......

and so on

weinxin
【微信~支付宝~QQ】打赏
如果本文对你有所帮助,请打赏~1元就足够感动我
小笨
  • 本文由 发表于 2020年4月17日 23:15:24
  • 转载请务必保留本文链接:https://zhouxiaoben.info/post-10025.html
最近很火的华为太空人表盘-HTML版 技术分享

最近很火的华为太空人表盘-HTML版

前段时间抖音很火的华为太空人,于是小笨在网上也发现有HTML版本。 所以在这里分享HTML模拟的华为手表太空人表盘。 其实实现起来不难,稍微会点JS、CSS的童鞋就可以做出来,有空可以自己做一个玩玩!...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定