jQuery是一種著名的JavaScript庫,它使用簡單、靈活、功能強大,常用于開發Web頁面上的動態效果。其中,on('hover')函數能夠讓我們方便地為鼠標移入移出綁定事件。
$(selector).on({ mouseenter: function(){ //鼠標進入時執行的代碼 }, mouseleave: function(){ //鼠標離開時執行的代碼 } });
在我們從jQuery的on()函數中傳入mouse事件時,hover就可以用作mouseenter和mouseleave事件的快捷方式。上述代碼就等效為:
$(selector).hover(function(){ //鼠標進入時執行的代碼 }, function(){ //鼠標離開時執行的代碼 });
值得注意的是,由于jQuery 1.7版本開始,on()函數是推薦使用的事件綁定方式。因此,我們應該使用on()函數來綁定hover事件以提高頁面的性能。