相似咱們手機不少app的一個功能添加刪除個人應用,例如:html
上面 - 是delete類 下面 + 是add類 若是直接給delete和add添加click點擊事件會出現一個效果那就是點擊 - 號應用到下面的所有應用裏 從個人應用點擊 - 添加到所有應用裏的這個應用再點 + 是不會觸發 + 的click點擊事件的 因此針對這種狀況咱們須要將事件綁定到document上,例如:app
function addfun(mythis){ mythis.parent().hide() mythis.removeClass('add') mythis.addClass('delete') var a = '<li>'+ mythis.parent().html() + '</li>' $('.conter1 ul').append(a) return false } function delfun(mythis){ mythis.parent('li').hide() mythis.removeClass('delete') mythis.addClass('add') var a = '<li>'+ mythis.parent().html() + '</li>' $('.conter2 ul').append(a) return false } // document $(document).on('click','.add', function(event){ addfun($(this)) }); $(document).on('click','.delete', function(event) { delfun($(this)) });