jqueryspan和HTML信息标签

jqueryspan和HTML信息标签,jquery,Jquery,我想知道如何使用jquery.load加载文本,然后修改文本,并将其作为信息文本显示在图像前面 有什么可以实现的方向吗?我对jquery真的很陌生 谢谢 编辑: 抱歉,以下是我尝试过的: $().load("image1.jpg.txt"); 但是我一直在思考如何将它存储到类元素或变量中,以便显示它。我熟悉使用html和导入图像,并使用css来修改和移动图像,但我不知道如何从jquery加载图像,而不是将其放在图像上 你只需要把它放在图片上的某个容器里 <div class='i

我想知道如何使用jquery.load加载文本,然后修改文本,并将其作为信息文本显示在图像前面

有什么可以实现的方向吗?我对jquery真的很陌生

谢谢

编辑:

抱歉,以下是我尝试过的:

    $().load("image1.jpg.txt");
但是我一直在思考如何将它存储到类元素或变量中,以便显示它。我熟悉使用html和导入图像,并使用css来修改和移动图像,但我不知道如何从jquery加载图像,而不是将其放在图像上

你只需要把它放在图片上的某个容器里

<div class='image-box'>
  <img src='...'/>
  <span id='img-description'></span>
</div>

我希望您可以编写ccs,以便在img上覆盖span?

假设我理解正确,您可以使用CSS定位元素将包含原始文本的a定位在另一个通过CSS定位元素包含图像的div下方:

所以…假设您有两个这样的div,使用CSS定位:

<div id="myText"></div>
<div id="myImage"></div>
在本例中,它将其设置为页面加载

或者,您可以使用引导程序使用工具提示,该提示将显示悬停信息:

。我可以将示例放在网上吗?可能重复。如何将其加载到html中?我看不出它们是如何相互联系的。
 $( "#result" ).load( "ajax/test.html", function(data) {
      $('#img-description').html(data);
      //or you can change data before puting to span
    });
<div id="myText"></div>
<div id="myImage"></div>
$(document).ready(function() {
    var $myText = $("#myText");
    $myText.text("Hello!");
    $myText.css("z-index", "2");
    $("#myImage").css("z-index", "1");
}