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（）方法

回答

相关问题