使用jQuery获取阴影样式

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

h-shadow，v-shadow，以像素为单位
的color阴影的blur和spread，在一些字符串，并没有多么

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 });

来源

2013-03-13 Keelan

你是什么意思与“我需要得到....与jQuery”？ – caramba 2013-03-13 19:41:06

我想要得到这个值，就像'（'selector'）。height（）'。但不是高度，而是这些属性。 – Keelan 2013-03-13 19:41:39

粘贴你的代码 – Biswajit 2013-03-13 19:42:44

你想要什么，是这样的事情：

jQuery getting text-shadow variabile

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

来源

2013-03-13 19:48:59 Bernie

这就是我需要的！我会将我的问题标记为重复。谢谢你的帮助！ – Keelan 2013-03-13 19:51:25

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

这将让颜色 - jQuery将得到你要求的CSS属性：jQuery CSS

来源

2013-03-13 19:45:43

对不起，如果我不清楚，我想要的是应用于CSS的'box-shadow'属性的颜色。 – Keelan 2013-03-13 19:46:48

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>

来源

2013-03-13 19:47:47 caramba

我需要将值分开，所以一个变量用'h-shadow'，一个用'v-shadow'等。 – Keelan 2013-03-13 19:48:48

正如我在我的回答中所说的，这是一个简单的字符串解析练习。你可以用空格字符分割返回的字符串来获得数组，然后根据CSS的规则，你会知道哪个数组元素对应于哪个属性。 – 2013-03-13 19:52:15

@FrankB它不那么容易。看看** NOTE ** [这里]（http://stackoverflow.com/a/2683393/1544337）：不同的浏览器可能采取不同的行为。 – Keelan 2013-03-13 19:54:07

你需要使用：

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

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

编辑：由于不同浏览器的行为不同，你可以从here.

另外你在另一个答案一个以前的评论链接到答案检查使用最多的回答浏览器，回答你的问题。它可以发现here

来源

2013-03-13 19:49:53

“然后解析......”是的，但是......怎么......这就是问题所在。 – Keelan 2013-03-13 19:50:29

使用jQuery获取阴影样式

回答

相关问题