如何使用 jquery 将图像添加到 div 顶部

Question

我有一个可拖动的空 div，我需要在其左上角添加图像并且它应该能够与 div 一起移动。

那么我该怎么做呢？

<div class="example">
<div>

这是脚本：

 <script type="text/javascript">
      $(function () {

  $('.example').draggable

});
</script>

Answer 1

    .example {
       position: relative;
    }
    .example .imghandle {
       position: absolute;
       height: 30px;
       width: 30px;
       top: -30px;
       left: -30px;
    }

<div class="example">
   <div class="imghandle"></div>
<div>

使图像成为 div 的背景，或者只是在其中放置 标记并添加类

这里是 :before

Answer 2

div 的顶部是前置的。

$('.example').prepend('<img src="" />');

Answer 3

只需将图像放入

中，或者动态添加图像，$('.example').append(image_handle)。或者使用 :before