如何获取div的背景颜色？答案

【问题标题】：How to get background color of div?如何获取div的背景颜色？
【发布时间】：2011-05-17 01:01:52
【问题描述】：

我有一个div 我希望当用户点击这个 div 时，div 的背景颜色应该只使用 jquery 显示在警报框中？

【问题讨论】：

“仅限jQuery”是什么意思？
@SLaks 没有 JavaScript。只是 jQuery :P
@alex：你……知道 jQuery 是 JavaScript，对吧？
现在你应该接受某人的答案，因为这些答案是正确的。
@Chris Reference:D

【解决方案1】：

试试这个

<script type="text/javascript">
$(document).ready(function(){
  $("div").click(function(){
    var $c=$(this).css("background-color");
    alert($c);
  });
});
</script>

【讨论】：

不，我的意思是，为什么使用$ 作为变量名？我认为这可能会令人困惑。
@Renesis：我为 jquery-objects 指定了$，以帮助轻松确定 jquery 对象的位置和不在的位置。但不是在这种情况下（当我们只有一个字符串时）。

【解决方案2】：

$('div').click(function() {
   alert($(this).css('background-color'));
});

jsFiddle.

【讨论】：

【解决方案3】：

你可以得到这样的颜色：

$('div#test').css('background-color'); // returns RGB

点击后显示如下：

$('div#test').click(function(){
    alert($(this).css('background-color'));
});

见小提琴：http://jsfiddle.net/xWkDW/1/

【讨论】：

【解决方案4】：

#divBack{
  background-color:#00FFCC;
}
<div id="divBack">click to Get my background</div>
$('#divBack').click(function() {
    alert($(this).css('background-color'));
});

我已为您创建了 bin，请查看此链接 http://codebins.com/codes/home/4ldqpc1

【讨论】：