jQuery实现鼠标移入高亮
要使用jQuery实现鼠标移入元素时的高亮效果，可以使用mouseenter事件来添加一个类，该类包含高亮的样式。以下是一个简单的示例：
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery鼠标移入高亮示例</title>
<style>
.highlight {
background-color: yellow; /* 高亮的背景色 */
}
</style>
</head>
<body>
<div id="myDiv">鼠标移入这里会高亮显示</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#myDiv').mouseenter(function() {
$(this).addClass('highlight');
}).mouseleave(function() {
$(this).removeClass('highlight');
});
});
</script>
</body>
</html>在这个例子中，当鼠标移入#myDiv元素时，会添加一个highlight类，从而使得该元素的背景色变为黄色。鼠标移出时，highlight类将被移除，恢复原样。
评论已关闭