JQuery .live()方法

JQuery中live方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的(append或html)也有效。

下面简单测试了JQuery中live方法的使用，仅供参考

 

Html代码  

1. <div id="testDiv">  
2.         <input type="button" value="添加" class="testBtn" />  
3.     </div>  

  

Js代码  

1. $('.testBtn').click(function()  
2.     {  
3.         var html = '<div id="appDiv">appDiv</div>';  
4.           
5.         $('#appDiv').live('mouseover mouseout', function(e)  
6.         {  
7.             if(e.type == 'mouseover')  
8.             {  
9.                 $('#appDiv').css('background', 'red');  
10.             }  
11.             else if(e.type == 'mouseout')  
12.             {  
13.                 $('#appDiv').css('background', 'green');  
14.             }  
15.         });  
16.           
17.         $('#testDiv').append(html);  
18.     });  

 <li class="select-result">
        <dl>
             <dt>已选条件：</dt>
             <dd class="select-no">暂时没有选择过滤条件</dd>
        </dl>
    </li>

 $(".select-result dl").append(copyA.attr("id","selectA"));

 $("#selectA").live("click", function(){
$(this).remove();
 });