使用jquery设置css似乎不起作用

时间:2013-12-21 08:39:57

标签: jquery

http://jsfiddle.net/FT4CQ/5/

无法操纵风格,我认为我已经准备好了所有内容但它无法正常工作,我使用alert()进行测试并将其解雇。

这里有什么问题:

$(document).ready(function() {
    $(".cell").mouseover(function() {
    $('this').css('opacity','0.4');
}); 

});

6 个答案:

答案 0 :(得分:3)

这样做:

 $(this).css('opacity','0.4');

而不是'this',请参阅fiddle

答案 1 :(得分:1)

通过删除this

中的引号来尝试此操作
$(this).css('opacity','0.4');

而不是

$('this').css('opacity','0.4');

<强> WORKING FIDDLE

答案 2 :(得分:1)

需要

$(this)

而不是

$('this')

后者会查找此

的HTML标记

答案 3 :(得分:1)

应该使用:

 $(this).css('opacity','0.4');

<强> Working Fiddle

答案 4 :(得分:1)

在这里,您将this视为关键字。因此,它不需要引用。

写:

$(this).css('opacity','0.4');

而不是

$('this').css('opacity','0.4');

Updated fiddle here.

答案 5 :(得分:1)

通过将其括在引号中,您错误地将其视为字符串。只需删除引号

我已将其更新为Here

$(document).ready(function() {
$(".cell").mouseover(function() {
$(this).css('opacity','0.4'); // HERE
}); 

});