jQuery是一種很流行的JavaScript庫，可以幫助我們簡(jiǎn)化代碼并提高開發(fā)效率。其中的一個(gè)重要特點(diǎn)就是能夠很方便地為元素添加事件。這個(gè)功能我們可以通過jquery的addeventfun函數(shù)來實(shí)現(xiàn)。

$(selector).on(event, function)

上面的代碼就是添加事件的基本格式。其中，selector參數(shù)是指可選的元素選擇器，用于指定我們要添加事件的元素；event參數(shù)是指要添加的具體事件類型，比如click、mouseover等，可以是原生的事件類型也可以是自定義事件類型；function參數(shù)則是指我們要綁定的事件處理函數(shù)，可以是一個(gè)已經(jīng)存在的函數(shù)，也可以是一個(gè)匿名函數(shù)。

使用addeventfun函數(shù)可以非常方便地給元素添加事件。比如，我們可以為一個(gè)id為button的按鈕添加點(diǎn)擊事件，然后在事件處理函數(shù)中彈出一個(gè)提示框：

$('#button').on('click', function() {
alert('按鈕被點(diǎn)擊了');
});

當(dāng)用戶點(diǎn)擊按鈕時(shí)，就會(huì)觸發(fā)這個(gè)綁定的事件處理函數(shù)，然后彈出一個(gè)提示框告訴用戶按鈕被點(diǎn)擊了。

在實(shí)際開發(fā)中，我們也可以為多個(gè)元素添加同一個(gè)事件處理函數(shù)，或者為同一個(gè)元素添加多個(gè)不同類型的事件。比如，我們可以為一個(gè)類名為box的div添加一個(gè)鼠標(biāo)移入事件和一個(gè)鼠標(biāo)移出事件：

$('.box').on({
mouseenter: function() {
$(this).css('background-color', '#ccc');
},
mouseleave: function() {
$(this).css('background-color', '#fff');
}
});

在上面的代碼中，我們首先通過選擇器選中所有的類名為box的div，然后使用on函數(shù)為它們同時(shí)添加了一個(gè)mouseenter事件和一個(gè)mouseleave事件。當(dāng)鼠標(biāo)移入時(shí)，div的背景色變?yōu)榛疑划?dāng)鼠標(biāo)移出時(shí)，背景色恢復(fù)為白色。