jQuery实现的新增节点问题。

jQuery实现的新增节点，但新增加的节点在不刷新页面的情况下，竟然不会触发这事件//鼠标mouseover变色
请高手指点。

  <table id="table"> <tr class="TdBg" id="tr33">
  <td height="25"><input type="checkbox" name="id" id="id" value="33"/></td>
  <td>ffff</td>
  <td>0</td>
  <td><a id="btnEdit">Edit</a></td>
  </tr>
</table>
<input id=btn type="button" />
  <script>
$(function(){
$("#btn").click(function(){
  var str = '<tr class="TdBg" id="tr33"><td height="25"><input type="checkbox" name="id" id="id" value="33"/></td><td>ffff</td><td>0</td><td><a id="btnEdit">Edit</a></td></tr>';
   
  $('#table').append(str)
  alert($('#table').html())
});
//鼠标mouseover变色
$("table tr[id^='tr']").mouseover(function(){  
$(this).addClass("tdOver");
//alert("a");
}).mouseout(function(){$(this).removeClass("tdOver");
});
});

你动态给它绑定下方法，应该就可以了

$("table tr[id^='tr']").mouseover(function(){  
$(this).addClass("tdOver");
//alert("a");
}).mouseout(function(){$(this).removeClass("tdOver");
});
把此事件放在$("#btn").click(function(){
  var str = '<tr class="TdBg" id="tr33"><td height="25"><input type="checkbox" name="id" id="id" value="33"/></td><td>ffff</td><td>0</td><td><a id="btnEdit">Edit</a></td></tr>';
   
  $('#table').append(str)
  alert($('#table').html())
});
里面

请问能说明一下原因吗？

已经找到解决办法了。感谢各位大哥大姐。