学路情感网

全部频道

您的当前位置：首页求教一个问题，当把鼠标放到某个div上改变样式。_html/css

求教一个问题，当把鼠标放到某个div上改变样式。_html/css

来源：学路情感网


为了减少代码量，我想把多个div统一一个ID并且只用一个js方法怎么实现
像下面这种情况附上代码 
 
 
 
 
 
 
回复讨论(解决方案)
 
 不要用ID 用类 
$(document).ready(function(){ 
 $(".demo").hover(function(){ 
 $("h1",this).css("background-color","yellow"); 
 },function(){ 
 $("h1",this).css("background-color","pink"); 
 }); 
}); 
 
 一个页面中元素的ID要保持唯一，你可以用class，name等其他属性表示 
比如用class=“demo” 
$(document).ready(function(){ 
 $(".demo").hover(function(){ 
 $("h1").css("background-color","yellow"); 
 },function(){ 
 $("h1").css("background-color","pink"); 
 }); 
}); 
 
 
 不要用ID 用类 
$(document).ready(function(){ 
 $(".demo").hover(function(){ 
 $("h1",this).css("background-color","yellow"); 
 },function(){ 
 $("h1",this).css("background-color","pink"); 
 }); 
}); 
O(∩_∩)O谢谢 
 
 
 一个页面中元素的ID要保持唯一，你可以用class，name等其他属性表示 
比如用class=“demo” 
$(document).ready(function(){ 
 $(".demo").hover(function(){ 
 $("h1").css("background-color","yellow"); 
 },function(){ 
 $("h1").css("background-color","pink"); 
 }); 
}); 
O(∩_∩)O谢谢 




        
                
            
            
            
    
显示全文