是否可以将此JQuery代码转换为JavaScript？

下面的代码来自GoogleCaja游乐场，显示了两个框。在另一个框内拖动后，封闭框会改变颜色：

<style>
  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 <script>
  $(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
  </script>

#可拖动{宽度：100px；高度：100px；填充：0.5em；浮动：左侧；边距：10px 10px 10px 0；}
#可拖放{宽度：150px；高度：150px；填充：0.5em；浮动：左侧；边距：10px；}
$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#可拖放”）。可拖放({
drop：函数（事件、用户界面）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“p”）
.html（“已删除！”）；
}
});
});

是。您完全可以将任何JavaScript库代码转换为纯JS，因为这毕竟是他们所使用的。

是的。您完全可以将任何JavaScript库代码转换为纯JS，因为这毕竟是他们所使用的。

是的，这需要一些工作。find、addClass和html都很简单，但拖放是另一回事。这里有一个教程

是的，需要一些工作。find、addClass和html都很简单，但拖放是另一回事。这里有一个教程

这是可能的，但是.draggable（）和.droppable（）函数太复杂了，无法在这里解释如何操作。看看未统一的jQuery UI。这将为您提供一个良好的开端（尽管它仍将使用jQuery）。

这是可能的，但是.draggable（）和.droppable（）函数太复杂了，无法在这里解释如何操作。看看未统一的jQuery UI。这将为您提供一个良好的开端（尽管它仍将使用jQuery）。

jQuery是用JavaScript编写的！对当然，可以将JQuery代码转换成JavaScript吗。jQuery是一个用JavaScript构建的库。使用jQuery是无法做到的，没有jQuery是无法做到的。不过，我并不是说我会推荐它；jQuery（和其他库）的存在是有原因的。；-）@怀斯盖伊-是的，这就是我的意思。但也许我有点天真？谢谢jQuery是用JavaScript编写的！对当然，可以将JQuery代码转换成JavaScript吗。jQuery是一个用JavaScript构建的库。使用jQuery是无法做到的，没有jQuery是无法做到的。不过，我并不是说我会推荐它；jQuery（和其他库）的存在是有原因的。；-）@怀斯盖伊-是的，这就是我的意思。但也许我有点天真？谢谢谢谢！我现在正在查找“未统一的jQueryUI”。非常感谢！我现在正在查找“未统一的jQueryUI”。