如何使用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的背景，或者只在其中添加<img>标记并添加该类

here it is with :before

Answer 2

只需将图片放入<div>，或动态添加$('.example').append(image_handle)即可。或者使用:before

Answer 3

div的顶部是前置。

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