Question

我有一个将应用some CSS shadow的div。我需要使用jQuery获取以下阴影元素：

h-shadow，v-shadow，blur和spread（以像素为单位）
阴影中的color ，在某些字符串中，无关紧要
inset，如果它应用于box-shadow属性。

怎么做？是否有一些特定的CSS属性，例如border-top-right-radius来获取右上边框半径而不是使用border-radius？

所以，示例代码：

<div id="the_div" style="box-shadow:10px 10px 5px 2px #f00 inset;">...</div>

现在有些JavaScript ......

$(function(){
    $('#the_div').someFunction(); // returns the h-shadow, for example
});

Answer 1

你想要的是这种事情：

jQuery getting text-shadow variabile

基本上，解决方案只是使用一些正则表达式将文本阴影分成color，y，x和blur。

Answer 2

jQuery("#divID").css("color");

这将获得颜色 - jQuery将获得您要求的css属性：jQuery CSS

Answer 3

alert($('.myElementClass').css('box-shadow));

<!DOCTYPE html>
<html>
<head>
<style>
div.xxx {
    position: relative;
    background-color: #abc;
    width: 40px;
    height: 40px;
    float: left;
    margin: 5px;
    box-shadow: 10px 10px 5px #888888;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button id="go">Run »</button></p>
<div class="xxx"></div>
<script>
    $( "#go" ).click(function(){
        alert($('.xxx').css('box-shadow'));
    });
</script>
</body>
</html>

Answer 4

您需要使用：

$("#divID").css("box-shadow");

然后解析返回的字符串以获取所需的属性。由于字符串可能会有所不同，我不打算写出一个函数。但你应该可以从这里拿走它。

编辑：由于不同浏览器的行为不同，您可以使用here.

中的最佳答案来检查浏览器

您在之前对另一个答案的评论中链接到的答案也回答了您的问题。可以找到here

使用jQuery获取阴影样式

4 个答案: