如何使用jQuery从元素中获取border-radius?

前端之家收集整理的这篇文章主要介绍了如何使用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"
原文链接:https://www.f2er.com/jquery/176411.html

猜你在找的jQuery相关文章