jQuery的on()方法是一種常用的事件綁定方法,它可以讓開發者方便地將事件和回調函數綁定在頁面元素上。on()方法擁有多種參數形式,讓開發者能夠快速、簡單地完成事件綁定的操作。
on()方法的最基本形式是將事件和回調函數作為兩個參數傳入。例如,當用戶點擊某個按鈕時,可以使用以下代碼來綁定點擊事件和回調函數:
$('button').on('click', function(){ alert('按鈕被點擊了'); });
還可以使用on()方法綁定多個事件,只需要將事件名以空格隔開即可。例如,將鼠標移入和移出事件都綁定到一個元素上:
$('div').on('mouseenter mouseleave', function(){ $(this).toggleClass('hover'); });
除了基本形式外,on()方法還支持傳入對象類型的參數,以實現更復雜的事件綁定操作。例如:
$('body').on({ click: function(){ alert('點擊了頁面'); }, mouseenter: function(){ $(this).css('background-color', 'lightblue'); }, mouseleave: function(){ $(this).css('background-color', 'transparent'); } }, '#container');
在上面的例子中,我們在body元素上綁定了click、mouseenter和mouseleave三種事件,當它們被觸發時對應的回調函數就會執行。需要注意的是,我們在最后一個參數中傳入了一個選擇器字符串,用來表示我們只想在id為container的元素上觸發這些事件。
上一篇瀏覽器css 不生效