使用onmouseover jQuery将图像替换为文本

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="imageContainer">
  <img src="image.jpg" alt="Image">
  <p id="text">This is the text to be displayed</p>
</div>

$(document).ready(function() {
  $('#imageContainer').on('mouseover', function() {
    // 替换图像为文本
    $('#imageContainer img').replaceWith($('#text'));
  });
});