JQuery是一個(gè)JavaScript庫(kù),它的主要作用是優(yōu)化JavaScript編程。其中一個(gè)非常有用的功能是Mouse事件,這些事件會(huì)在鼠標(biāo)操作時(shí)被觸發(fā)。
$(document).ready(function(){ $("p").mouseover(function(){ $(this).css("background-color", "yellow"); }); $("p").mouseout(function(){ $(this).css("background-color", "white"); }); });
上面的代碼演示了如何使用JQuery綁定mouseover和mouseout事件,在鼠標(biāo)移動(dòng)到p標(biāo)簽上時(shí),p標(biāo)簽的背景顏色會(huì)變成黃色,當(dāng)鼠標(biāo)移走時(shí),背景顏色變回白色。
同樣,也可以使用mousemove事件來(lái)跟蹤鼠標(biāo)的位置:
$(document).mousemove(function(event){ $("span").text("X: " + event.pageX + ", Y: " + event.pageY); });這段代碼會(huì)在mousemove事件觸發(fā)時(shí),更新文檔中的一個(gè)span元素,顯示鼠標(biāo)當(dāng)前的坐標(biāo)位置。