如何实现JQuery.noConflict（）？

Question

我在同一HTML页面上同时使用了javascript和jquery代码。由于某种原因，jQuery库正在阻止我的本机javascript代码正常工作。我找到了此页面：jQuery No Conflict ，它表明您可以使用jquery.noConflict将$释放回javascript。但是，我不确定该怎么做？具体来说，我不确定如何正确执行此操作？Jquery代码在哪里，JS代码在哪里？我的代码如下：<script type="text/javascript">  $.noConflict();  // Code that uses other library's $ can follow here.</script>

Answer 1

默认情况下，jquery使用变量jQuery，而$是为了您的方便。如果要避免冲突，一个好方法是像这样封装jQuery：

(function($){

    $(function(){

        alert('$ is safe!');

    });

})(jQuery)