Вы можете просто использовать селектор псевдокласса CSS :hover в сочетании с jQuery mousemove(), чтобы проверить, находится ли указатель мыши над элементом в jQuery.
Код jQuery в следующем примере будет отображать подсказку на странице, когда вы помещаете или убираете указатель мыши над полем элемента DIV.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Check If the Mouse is Over an Element</title>
<style>
div{
margin: 80px;
height: 200px;
background: orange;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$(document).mousemove(function(){
if($("#myDiv:hover").length != 0){
$(".hint").text("Мышь находится над элементом DIV.");
} else{
$(".hint").text("Мышь находится вне элемента DIV.");
}
});
});
</script>
</head>
<body>
<div id="myDiv"></div>
<p class="hint"><!-- Здесь будет отображаться текст подсказки --></p>
</body>
</html>
