第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

具有一個選擇器的多個事件處理程序的JQuery .on()方法

具有一個選擇器的多個事件處理程序的JQuery .on()方法

慕容森 2019-11-05 16:00:30
試圖弄清楚如何將Jquery .on()方法與具有多個關(guān)聯(lián)事件的特定選擇器一起使用。我以前使用過.live()方法,但不太確定如何使用.on()完成相同的功能。請在下面查看我的代碼:$("table.planning_grid td").live({  mouseenter:function(){     $(this).parent("tr").find("a.delete").show();  },  mouseleave:function(){     $(this).parent("tr").find("a.delete").hide();          },  click:function(){    //do something else.  }});我知道我可以通過以下方式分配多個事件: $("table.planning_grid td").on({    mouseenter:function(){  //see above    },    mouseleave:function(){ //see above    }    click:function(){ //etc    }  });但是我相信.on()的正確用法將是這樣的:   $("table.planning_grid").on('mouseenter','td',function(){});有沒有辦法做到這一點?還是這里的最佳實踐是什么?我嘗試了下面的代碼,但沒有骰子。$("table.planning_grid").on('td',{   mouseenter: function(){ /* event1 */ },    mouseleave: function(){ /* event2 */ },   click: function(){  /* event3 */ } });提前致謝!
查看完整描述

3 回答

?
守著一只汪

TA貢獻1872條經(jīng)驗 獲得超4個贊

那是另一回事。您應(yīng)該寫:


$("table.planning_grid").on({

    mouseenter: function() {

        // Handle mouseenter...

    },

    mouseleave: function() {

        // Handle mouseleave...

    },

    click: function() {

        // Handle click...

    }

}, "td");


查看完整回答
反對 回復(fù) 2019-11-05
?
largeQ

TA貢獻2039條經(jīng)驗 獲得超8個贊

另外,如果將多個事件處理程序附加到執(zhí)行相同功能的同一個選擇器,則可以使用


$('table.planning_grid').on('mouseenter mouseleave', function() {

    //JS Code

});


查看完整回答
反對 回復(fù) 2019-11-05
?
GCT1015

TA貢獻1827條經(jīng)驗 獲得超4個贊

從這里我學(xué)到了一些真正有用和基本的東西。


鏈接功能,在這種情況下,其中大多數(shù)jQuery的功能,包括工作原理是非常有用的功能輸出過。


之所以可以使用它,是因為大多數(shù)jQuery函數(shù)的輸出都是輸入對象集,因此您可以立即使用它們,使其更短,更智能


function showPhotos() {

    $(this).find("span").slideToggle();

}


$(".photos")

    .on("mouseenter", "li", showPhotos)

    .on("mouseleave", "li", showPhotos);


查看完整回答
反對 回復(fù) 2019-11-05
  • 3 回答
  • 0 關(guān)注
  • 468 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號