jQuery的CSS操纵

Question

我想换一个div的CSS属性上悬停像

$(function(){ 
$("div#box").hover({ 
$("div#box").css({z-index:'12'}); 
}); 
}); 

Dreamweaver是给我一个语法错误。任何人都可以请告诉问题是什么？

Answer 1

尝试

$(function(){ 
    $("div#box").hover(function(){ 
     //hover on 
     $("div#box").css({zIndex:'12'}); 
    }, 
    function(){ 
     //hover off 
     $("div#box").css({zIndex:''}); 
    }); 
}); 

http://jsfiddle.net/ZtLLg/

Answer 2

试试这个

$(function(){ 
$("div#box").hover(function(){ 
$("div#box").css('z-index', '12'); 
}); 
}); 

http://api.jquery.com/ready/

http://api.jquery.com/css/

Answer 3

1. 在开始的时候，我想你想$(，不$.(。
2. 在第二行的结尾，我想你想要另一个嵌套函数：.hover(function(){而不是.hover({。实际上，你正在创建一个对象字面量，我不认为它是你想要的。

Answer 4

总之，我刚才评论如何使用动画和类。

$(document).ready(function() { 
    $('div#box').hover(
     function(){ 
     $("div#box").css({zIndex:'12'}); 
     //$(this).find('img').animate({opacity: ".6"}, 300);   
     //$(this).find('.caption').animate({top:"-85px"}, 300); 
     //$(this).removeClass().addClass("someClassName");   
     }, 
     function(){ 
     $("div#box").css({zIndex:''}); 
     //$(this).find('img').animate({opacity: "1.0"}, 300);     
     //$(this).find('.caption').animate({top:"85px"}, 100); 
     //$(this).removeClass().addClass("someClassName");   
     }  
    ); 
});