jQuery的：如何使用的CSS（）方法

我有以下的HTML/JavaScript的東西jQuery的：如何使用的CSS（）方法

<html> 
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
$(document).mouseup(function(event) { 
    $("body").append("Entering function..."); 
    var element = event.target; 
    var color = element.css("background-color"); 
    $("body").append("That div is <span style='color:" + color + ";'>" + color + "</span>."); 
}); 
</script> 

<body> 
<div style="background-color:#ff1111;width:100px;height:100px;"></div> 
<div style="background-color:#223388;width:100px;height:100px;"></div> 
</body> 
</html>

的螢火具有斷點在「VAR顏色= element.css（」當運行背景色」）;」它告訴我，CSS是未定義的。

我在這裏做錯了什麼？

來源

2012-02-14 toom

之所以爲element是因爲DOM元素而不是jQuery對象。要使用css函數，你需要一個jQuery對象。

var color = $(element).css('background-color');

來源

2012-02-14 18:43:28 JaredPar

嘗試var element = $(event.target)代替。該css方法是一個jQuery方法

來源

2012-02-14 18:43:58 diaho

嘗試做：

var element = $(event.target);

來源

2012-02-14 18:43:58 Matthew

你應該做

var color = $(element).css("background-color");

來源

2012-02-14 18:44:13

要符合造型添加更多的代碼將有很大的幫助

var color = $(element).css({'color':'red','background-color':'blue'});

來源

2012-02-14 19:02:09

使用「事件」作爲參數選擇ds全局的event對象的含義。

在您的回調方法中使用e或任何其他有效的變量名稱。

$(document).mouseup(function(e) { 
... 

    var color = $(e.target).css("background-color"); 
    alert("Color is " + color); 
});

來源

2012-02-14 19:04:26

jQuery的：如何使用的CSS（）方法

回答

相關問題