JQuery是一個JavaScript庫,它提供了操作HTML文檔和CSS樣式的強大而簡單的方法。其中一個實用的功能是設置i鼠標懸停。
$(document).ready(function(){ $("i").hover(function(){ $(this).css("color", "red"); }, function(){ $(this).css("color", ""); }); });
該代碼使用了.hover()方法,它接收兩個函數(shù)參數(shù)。第一個函數(shù)在鼠標光標進入元素時執(zhí)行,第二個函數(shù)在光標離開元素時執(zhí)行。
我們首先選擇所有元素,然后設置鼠標懸停事件。當鼠標指針進入元素時,我們使用jQuery的.css()方法將元素的文本顏色設置為紅色。當鼠標離開元素時,我們將顏色設置為空字符串,使文本顏色恢復默認值。
為了確保代碼在文檔就緒后運行,我們使用$(document).ready()方法包裝jQuery代碼。