欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jquery給新生的th綁定hover事件的實(shí)例

 更新時(shí)間：2017年02月10日 10:06:40   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇使用jquery給新生的th綁定hover事件的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

代碼如下：

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

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

以上這篇使用jquery給新生的th綁定hover事件的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論