jQuery是一個(gè)流行的JavaScript庫，可以使網(wǎng)頁開發(fā)更加簡化和快捷。它還提供了一些有用的方法來設(shè)置用戶交互體驗(yàn)，如hover和active。

$('selector').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});

以上代碼中，我們首先使用了jQuery的選擇器來選取我們想要設(shè)置hover效果的元素。同時(shí)，我們使用了hover()方法來添加和移除類名（在CSS中定義的類名），當(dāng)元素鼠標(biāo)懸停時(shí)添加類名，當(dāng)鼠標(biāo)移開時(shí)移除類名。

$('selector').on('mousedown', function() {
$(this).addClass('active');
}).on('mouseup', function() {
$(this).removeClass('active');
});

類似地，我們可以使用類似的方法來設(shè)置active效果。在以上代碼中，我們使用on()方法來監(jiān)聽mousedown和mouseup事件，當(dāng)鼠標(biāo)按下時(shí)添加類名，當(dāng)鼠標(biāo)松開時(shí)移除類名。

要想一步實(shí)現(xiàn)hover和active效果，我們可以像下面這樣寫:

$('selector').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
}).on('mousedown', function() {
$(this).addClass('active');
}).on('mouseup', function() {
$(this).removeClass('active');
});

這樣我們就可以同時(shí)設(shè)置元素的hover和active效果。