Javascript jquery：如何使用.css（）方法_Javascript_Jquery_Html

Javascript jquery：如何使用.css（）方法

javascript jquery html

Javascript jquery：如何使用.css（）方法,javascript,jquery,html,Javascript,Jquery,Html,我有以下html/javascript内容 <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 elemen

我有以下html/javascript内容

<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>


$（文档）.mouseup（函数（事件）{
$（“body”）.append（“输入函数…”）；
var元素=event.target；
var color=element.css（“背景色”）；
$（“body”）.append（“该div是“+color+”）；
});

当在firebug中运行时，断点位于“var color=element.css（“background color”）；”时，它告诉我css是未定义的

我做错了什么？

原因是

元素

是DOM元素，而不是jQuery对象。要使用

css

函数，您需要一个jQuery对象

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

element

是一个DOM元素，而不是jQuery对象。要使用

css

函数，您需要一个jQuery对象

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

请尝试

var element=$（event.target）

。css

css

方法是一种jQuery方法

Try

var-element=$（event.target）

。

css

方法是一种jQuery方法

尝试执行以下操作：

var element = $(event.target);

试着做：

var element = $(event.target);

你应该这样做

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

你应该这样做

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

要添加更多的内嵌样式，此代码将有很大帮助

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

要添加更多的内嵌样式，此代码将有很大帮助

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

“事件”作为参数的使用掩盖了全局

事件

对象的含义

在回调方法中使用

或任何其他有效变量名

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

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

“事件”作为参数的使用掩盖了全局

事件

对象的含义

在回调方法中使用

或任何其他有效变量名

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

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