Question

我有以下代码：

<div id="some_div" style="border: solid 1px red; width:50px; height: 50px;" 
onmouseover="(function(){$(this).css('background','green');})();"></div>

该函数运行得很好，但它似乎无法找到'this'。我怎样才能让它知道自我引用？

（是的，我的代码中引用了jquery）

Answer 1

我不知道你是否想在那里使用匿名功能。我想

<div id="some_div" style="border: solid 1px red; width:50px; height: 50px;" 
onmouseover="$(this).css('background','green');"></div>

会奏效。

Answer 2

如果你真的需要将它包装在一个匿名函数中，你可以这样做。

onmouseover="(function(that){$(that).css('background','green');})(this);"

Answer 3

这会搞砸，因为你正在执行这个功能。让我们稍微分解一下。

如果这不是内联的，它将如下所示：

onmouseover = (function(){
    $(this).css('background','green');
})();

注意到最后的（）？这意味着您在将函数分配给onmouseover之前执行代码。

请改为尝试：

<div id="some_div" style="border: solid 1px red; width:50px; height: 50px;" onmouseover="$(this).css('background','green');"></div>

Answer 4

@matt你可以用css做同样的事情，只需在课堂上使用:hover。

.SomeDiv
{
    border: solid 1px red; 
    width:50px; 
    height: 50px;
    /*remove the below line if you like to keep the hover color*/
    background-color:white;
}

.SomeDiv:hover
{
    background-color:green;
}

和

<div id="some_div" class="SomeDiv"></div>

Answer 5

似乎你在使用jQuery，为什么不一直这样做

$('#tag').hover(function() { $(this).css('background', 'green'); });

<div id="tag"> ... </div>

使用'this'对象的onmouseover和内联函数

5 个答案: