jquery判斷鼠標(biāo)是否在元素上的方法：使用mouseover方法實(shí)現(xiàn)判斷鼠標(biāo)是否在元素上；通過(guò)mouseout方法實(shí)現(xiàn)判斷鼠標(biāo)是否在元素上。
當(dāng)鼠標(biāo)指針位于元素上方時(shí)，會(huì)發(fā)生 mouseover 事件，當(dāng)鼠標(biāo)指針從元素上移開時(shí)，發(fā)生 mouseout 事件。
和 mouseenter/mouseleave 事件不同，不論鼠標(biāo)指針進(jìn)入/離開被選元素還是任何子元素，都會(huì)觸發(fā) mouseover/mouseout 事件。只有在鼠標(biāo)指針進(jìn)入/離開被選元素時(shí)，才會(huì)觸發(fā) mouseenter/mouseleave 事件。
缺點(diǎn)：在頁(yè)面初始化時(shí)，也就是剛打開頁(yè)面時(shí)，是判斷不出來(lái)的，只有把鼠標(biāo)移上div上一次，激活了mouseover事件后，才能判斷，具體可以看上面給的那個(gè)在線實(shí)例演示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery判斷鼠標(biāo)是否位于元素上</title>
<meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0>
<script src="http://www.suneven.com/template/API/jc/jquery-3.5.1.min.js"></script>
</head>
<body>
<div id="mouseDiv" style="width:300px;height:300px;background:red;">
<p id="tipText"></p>
</div>
<script type="text/javascript">
$("#mouseDiv").mouseover(function(){
$("#tipText").html("鼠標(biāo)在該元素上");
}).mouseout(function(){
$("#tipText").html("鼠標(biāo)不在該元素上");
});
</script>
</body>
</html>mouseover() 方法
當(dāng)鼠標(biāo)指針位于元素上方時(shí)，會(huì)發(fā)生 mouseover 事件。mouseover() 方法觸發(fā) mouseover 事件，或添加當(dāng)發(fā)生 mouseover 事件時(shí)運(yùn)行的函數(shù)。
mouseout() 方法
當(dāng)鼠標(biāo)指針離開被選元素時(shí)，會(huì)發(fā)生 mouseout 事件。mouseout() 方法觸發(fā) mouseout 事件，或添加當(dāng)發(fā)生 mouseout 事件時(shí)運(yùn)行的函數(shù)。
