导入extjs、jquery 文件时$使用冲突问题解决方法

当使用 jQuery 和 ExtJS 框架时，由于两个框架的使用方式不同，可能会导致冲突。在 jQuery 中，美元符号 $ 是一个函数，而在 ExtJS 中，美元符号是一个对象。因此，如果同时使用两个框架，会导致 $ 标识符的冲突，从而引起未定义的错误。

为了解决这个问题，我们可以使用以下两种方法之一：

方法一：使用 jQuery.noConflict()

jQuery.noConflict() 方法可以释放 $ 标识符的控制权，并将其返回给其他库，例如 ExtJS。调用 noConflict() 时，可以将 $ 标识符替换为其他变量名，这样可以避免冲突。

<!-- 引入 ExtJS 和 jQuery 库 -->
<script src="path/to/extjs.js"></script>
<script src="path/to/jquery.js"></script>

<script>
  // 调用 jQuery.noConflict() 方法
  var jq = jQuery.noConflict();

  // 使用 jq 代替 $
  jq(document).ready(function(){
    // 在这里使用 jq 代替 $
    jq("#btn1").click(function(){
      jq("p").text("Hello jQuery!");
    });
  });

  // 在这里使用美元符号 $ 代替 ExtJS 的对象
  Ext.onReady(function(){
    // 在这里使用 $ 代替 ExtJS 的对象
    Ext.MessageBox.alert("Hello ExtJS!");
  });
</script>

在上面的例子中，我们使用了 jQuery.noConflict() 方法，将美元符号 $ 替换为 jq。这样我们就可以在使用 jQuery 时使用 jq 代替美元符号 $，而在使用 ExtJS 时还可以继续使用美元符号 $。

方法二：使用立即执行函数

另一种避免冲突的方法是使用立即执行函数。在这种方法中，我们将 jQuery 或 ExtJS 包装在一个函数中，并将美元符号 $ 作为参数传递，这样可以避免冲突。

<!-- 引入 ExtJS 和 jQuery 库 -->
<script src="path/to/extjs.js"></script>
<script src="path/to/jquery.js"></script>

<script>
  // 使用立即执行函数封装 jQuery
  (function($){
    $(document).ready(function(){
      // 在这里使用美元符号 $ 代替 jQuery
      $("#btn1").click(function(){
        $("p").text("Hello jQuery!");
      });
    });
  })(jQuery);

  // 使用立即执行函数封装 ExtJS
  (function($){
    Ext.onReady(function(){
      // 在这里使用美元符号 $ 代替 ExtJS 的对象
      Ext.MessageBox.alert("Hello ExtJS!");
    });
  })(jQuery);
</script>

在上面的例子中，我们将 jQuery 和 ExtJS 包装在两个立即执行的函数中，并将美元符号 $ 作为参数传递。这样我们就可以在使用 jQuery 或 ExtJS 时使用美元符号 $，而不会发生冲突。

总之，在使用两种不同的 JavaScript 库时要小心，避免因重复定义变量而引起冲突。以上两种解决方法足以解决 $ 符号的使用冲突问题。