使用jQuery在悬停时显示链接

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<div class="hover-link">悬停显示链接</div>

.hover-link {
  background-color: #f0f0f0;
  color: #333;
}

$(document).ready(function() {
  $('.hover-link').mouseenter(function() {
    // 显示链接
    $(this).append('<a href="https://www.example.com">链接地址</a>');
  }).mouseleave(function() {
    // 隐藏链接
    $(this).find('a').remove();
  });
});