如何使用jquery用鼠标移动div？

<div id="myDiv">拖动我！</div>

$(document).ready(function() {
  $("#myDiv").mousedown(function(e) {
    var offsetX = e.clientX - $(this).offset().left;
    var offsetY = e.clientY - $(this).offset().top;

    $(document).mousemove(function(e) {
      $("#myDiv").css("left", e.clientX - offsetX).css("top", e.clientY - offsetY);
    });
  });

  $(document).mouseup(function() {
    $(document).off("mousemove");
  });
});
</script>