jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用jQuery从元素中获取border-radius?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div,带有以下 HTML和CSS.为了使我的 Javascript代码更加健壮,我试图从所选元素中检索某些CSS属性.

我知道如何使用.css()getter获取元素,但是如何使用该方法获取border-radius?

jQuery的文档很稀少.

HTML:

<div id="#somediv"></div>

CSS:

#somediv {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

解决方法

我猜测它不是官方的支持,因为它有点不可预测…在Firefox使用$(“#somediv”).css(“ – moz-border-radius”,“20px”);将设置边框半径不错,但试图通过$(“#somediv”)读取它.css(“ – moz-border-radius”);返回一个空字符串…但是,似乎Firefox将边界半径扩展到其组件部分,意思是$(“#somediv”).css(“ – moz-border-radius-topleft”);将会工作(显然只有返回一个角落的设置).

编辑:

作为Tgr points out $(‘#foo’).css(‘MozBorderRadius’)将允许您在Firefox中一般读取它.正如Bradley Mountford在下面的评论中指出的那样,您也可以从Webkit中使用组件部分读取(尽管只有chrome似乎像边框左上半径,Chrome和Safari处理器-webkit-边框左上角半径…

所以总结一下,你会得到以下(基于你的5px设置):

在Firefox中:

$("#somediv").css("MozBorderRadius");             //"5px 5px 5px 5px"
$("pre").css("-moz-border-radius-topleft");       //"5px"

在Webkit(在Chrome和Safari中测试):

$("pre").css("-webkit-border-top-left-radius");   //"5px 5px"

大佬总结

以上是大佬教程为你收集整理的如何使用jQuery从元素中获取border-radius?全部内容,希望文章能够帮你解决如何使用jQuery从元素中获取border-radius?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: