abstract：這是昨天在做一個動態(tài)的table時遇到的一個小問題，table的th需要讓鼠標在移入和移出時顯示顏色變化，之前th是固定寫死的，直接可以用jquery的hover()方法來實現(xiàn)?，F(xiàn)在th需要用js/ajax來動態(tài)生成加載到頁面，用hover()也就沒效果了（因為要重新給th綁定mouseover和mouseout事件，而且考慮到可能會有多次加載th等情況，bind也要多次綁定，比較麻煩），在這里我

這是昨天在做一個動態(tài)的table時遇到的一個小問題，table的th需要讓鼠標在移入和移出時顯示顏色變化，之前th是固定寫死的，直接可以用jquery的hover()方法來實現(xiàn)?，F(xiàn)在th需要用js/ajax來動態(tài)生成加載到頁面，用hover()也就沒效果了（因為要重新給th綁定mouseover和mouseout事件，而且考慮到可能會有多次加載th等情況，bind也要多次綁定，比較麻煩），在這里我使用了live來解決給新生的th綁定hover事件：

代碼如下：

$(function(){
 //....
 $("th").live("mouseover",function(){
    $(this).attr("style","color:#EE7600;font-weight:bold");
  }).live("mouseout",function(){
    $(this).removeAttr("style");
  });
 //....
});

很簡單的一段代碼，使用兩次live()分別給th綁定上mouseover和mouseout事件，由于.live()方法是使用了事件委托，能對一個還沒有添加進DOM的元素有效，所以只要在jq中使用一次live，對之后加載進的元素都會有效果。

更多關于使用jquery給新生的th綁定hover事件的實例請關注PHP中文網(wǎng)（ipnx.cn）其他文章！