2011-05-17 117 views
4

我有一个div我想要当用户点击这个div div的背景颜色应该显示在使用jquery的警报框?如何获得div的背景颜色?

+1

“jQuery only”是什么意思? – SLaks 2011-05-17 01:05:29

+7

@SLaks没有JavaScript。只是jQuery:P – alex 2011-05-17 01:06:16

+2

@alex:你...知道jQuery是JavaScript,对吗? – 2011-05-17 01:12:29

回答

8

试试这个

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

只是好奇,为什么'$ c'? – Nicole 2011-05-17 01:09:57

+0

@Renesis:c颜色。 – jams 2011-05-17 01:11:25

+1

不,我的意思是,为什么使用'$'作为变量名?我认为这可能会让人困惑。 – Nicole 2011-05-17 01:17:02

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

jsFiddle

1

你可以得到的颜色是这样的:

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

和点击像后显示出来:

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

见琴:http://jsfiddle.net/xWkDW/1/

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

我创建纸槽请检查这个链接http://codebins.com/codes/home/4ldqpc1