如何获得div的背景颜色?

时间:2011-05-17 01:01:53

标签: jquery css html

我想要div当用户点击此div时,div的背景颜色应仅使用jquery显示在警告框中?

4 个答案:

答案 0 :(得分:8)

试试这个

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

答案 1 :(得分:6)

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

jsFiddle

答案 2 :(得分:1)

你可以得到这样的颜色:

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

并点击后显示:

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

请参阅小提琴:http://jsfiddle.net/xWkDW/1/

答案 3 :(得分:0)

#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