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

小笨
小笨
小笨
83
文章
11
评论
2020年4月17日23:15:24 评论 378 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
一款基于jquery标签拖拽小组件 技术分享

一款基于jquery标签拖拽小组件

这是一个基于jquery写的标签拖拽小组件,作为即将毕业的菜鸟程序员,可能代码写得比较low,不过还是有小小的成就感。查看demo   使用 1.新建配置 let option = { dr...
【原创便携】有道词典 vv8.5.1.0 绿色便携版 小笨原创

【原创便携】有道词典 vv8.5.1.0 绿色便携版

有道词典是一款小巧强大的翻译软件,通过独创的网络释义功能,轻松包括互联网上的流行词汇与海量例句,支持中英日韩法多种语言翻译,目前已经有超过10000万用户使用。有道词典官方下载版具有多国语言发音功能,...
匿名

发表评论

匿名网友 填写信息

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