Question

大家好我学习如何写一些jquery ...我希望能有一些如何实际教导我如何实际优化我在下面写的脚本它非常凌乱...... < / p>

jQuery('#readywear2').hover(function() 
{ $("<div class=\"popbg\"></div>").insertBefore(".fluid_container");
    jQuery('.popbg').css("background-image", "url(images/hover/hove-ready.jpg)"); 
}); 


    jQuery('#readywear2').mouseout(function() 
{ 
    jQuery('.popbg').remove(); 
}); 


jQuery('#corpdesign2').hover(function() 
{ $("<div class=\"popbg\"></div>").insertBefore(".fluid_container");
    jQuery('.popbg').css("background-image", "url(images/hover/hover-design.jpg)"); 
}); 

    jQuery('#corpdesign2').mouseout(function() 
{
    jQuery('.popbg').remove(); 
});

Answer 1

我发现这项运动很有趣而且很原始。这是我的去处：

var $fluidContainer = $(".fluid_container"); // cache often accessed objects for performance

$('#readywear2')
    .hover(function(){
        $("<div class='popbg'></div>").insertBefore($fluidContainer);
        $('.popbg').css("background-image", "url(images/hover/hove-ready.jpg)"); 
    }, function(){ // done on mouse out
        $('.popbg').remove();
});

$('#corpdesign2')
    .hover(function(){
        $("<div class='popbg'></div>").insertBefore($fluidContainer);
        $('.popbg').css("background-image", "url(images/hover/hover-design.jpg)"); 
    }, function(){
        $('.popbg').remove(); 
});

学习优化脚本

1 个答案: