在網頁開發中,我們經常需要設置鼠標劃過某個元素時的樣式。jQuery是一款非常強大的JavaScript庫,可以輕松實現這個效果。
$(document).ready(function() { $('Selector').hover(function() { $(this).addClass('hoverStyle'); }, function() { $(this).removeClass('hoverStyle'); }); });
以上代碼實現了當鼠標劃過選擇器所選元素時,給該元素添加一個名為"hoverStyle"的class樣式,當鼠標移出時,移除該class樣式。
在這段代碼中,我們使用了hover()函數,它有兩個參數:第一個參數為鼠標進入元素時執行的函數,第二個參數為鼠標離開元素時執行的函數。
在第一個函數中,我們使用$(this)引用了當前所選擇的元素,并使用addClass()方法添加名為"hoverStyle"的樣式。
在第二個函數中,我們同樣使用$(this)引用了當前所選擇的元素,并用removeClass()方法移除名為"hoverStyle"的樣式。
通過使用jQuery,我們可以輕松實現對元素的鼠標劃過樣式設置。