动态元素的onmouseover好onmouseout事件如何用？

增加一个特殊样式就好了，不一定要使用id选择器。。然后通过dom关系获取你需要的内容

解决方案 »

  1.   

    可以尝试委托给父级<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script>
    $(function(){
    var i=0;
    $('.btn').click(function(){
    $('.list').append('<li>'+(++i)+'</li>');
    });
    $('.list').delegate('li','mouseover',function(){
    $(this).css({background:'green'});
    }).delegate('li','mouseout',function(){
    $(this).css({background:'none'})
    });})
    </script>
    </head><body>
     <ul class="list">
     </ul>
     <input type="button"  class="btn"  value="添加"/>
    </body>
    </html>
      

  2.   

     $(document).ready(function() {  
                    $(".showPN").delegate("div","mouseover",function(){
                        $(this).css({background:"yellow"});
                    }); 
                    $(".showPN").delegate("div","mouseout",function(){
                        $(this).css({background:"none"});
                    });
                });     <script type="text/javascript">
                for(var i=1;i<=<%=pages%>;i++){
                    var getBody=document.getElementById("showPN");
                    var getSubDiv=document.createElement("div"); 
                    getSubDiv.id="a"+i;
                    getSubDiv.innerHTML=i;
                    getSubDiv.className="PageNumber";      
                    getBody.appendChild(getSubDiv);                            
                }          
            </script>
      

  3.   

    谢谢 Return_false的指导。
    分数给你了！