jquery鼠标元素操作详解 |jquery鼠标离开

问：如何使用jquery实现鼠标移入移出操作？

ouseenterouseleave()方法。例如：

“`entction(){ouseenterction(){d-color”, “yellow”);ouseleavection(){d-color”, “white”);当鼠标移入p元素时，将p元素的背景颜色改为黄色；当鼠标移出p元素时，将p元素的背景颜色改为白色。

问：如何使用jquery实现鼠标点击操作？

答：使用jquery实现鼠标点击操作的方法是使用click()方法。例如：

“`entction(){ction(){

$(this).hide();当点击p元素时，将p元素隐藏。

问：如何使用jquery实现鼠标拖拽操作？

ousedownousemoveouseup()方法。例如：

“`entction(){g = false;tX;tY;itialX;itialY;

var xOffset = 0;

var yOffset = 0;

ousedownction(e){itialXtX – xOffset;itialYtY – yOffset;

if(e.target === this){g = true;

}

ousemovection(e){g){tDefault();

tXtXitialX;tYtYitialY;

tX;tY;

$(this).css({tX + “px”,tY + “px”

}

ouseupction(){g = false;当鼠标按下时，记录下当前鼠标的位置和元素的位置；当鼠标移动时，计算出元素的新位置，并将元素移动到新位置；当鼠标松开时，停止拖拽。