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