2011-05-17 129 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