JQuery .live()方法

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

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

 

Html代码   <div id="testDiv">           <input type="button" value="添加" class="testBtn" />       </div>  

  

Js代码   $('.testBtn').click(function()       {           var html = '<div id="appDiv">appDiv</div>';                      $('#appDiv').live('mouseover mouseout', function(e)           {               if(e.type == 'mouseover')               {                   $('#appDiv').css('background', 'red');               }               else if(e.type == 'mouseout')               {                   $('#appDiv').css('background', 'green');               }           });                      $('#testDiv').append(html);       });  

 <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();  });