jquery不同版本冲突

<!-- 引入第一个版本的jQuery -->
<script src="jquery-1.12.4.min.js"></script>
<script>
  var jq1 = jQuery.noConflict();
</script>

<!-- 引入第二个版本的jQuery -->
<script src="jquery-3.6.0.min.js"></script>
<script>
  var jq3 = jQuery.noConflict();
</script>

<!-- 使用时指定版本 -->
<script>
  jq1(document).ready(function(){
    jq1("button").click(function(){
      jq1("p").hide();
    });
  });

  jq3(document).ready(function(){
    jq3("button").click(function(){
      jq3("p").show();
    });
  });
</script>

function loadScript(url, callback) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  if (script.readyState) { // IE
    script.onreadystatechange = function() {
      if (script.readyState == "loaded" || script.readyState == "complete") {
        script.onreadystatechange = null;
        callback();
      }
    };
  } else { // Others
    script.onload = function() {
      callback();
    };
  }
  script.src = url;
  document.getElementsByTagName("head")[0].appendChild(script);
}

loadScript("jquery-1.12.4.min.js", function() {
  // 使用jQuery 1.12.4
});

loadScript("jquery-3.6.0.min.js", function() {
  // 使用jQuery 3.6.0
});

// webpack.config.js
module.exports = {
  resolve: {
    alias: {
      'jquery-v1': 'jquery/src/jquery',
      'jquery-v3': 'jquery/src/jquery'
    }
  }
};

import $ from 'jquery-v1'; // 引入jQuery 1.x版本
import jQuery from 'jquery-v3'; // 引入jQuery 3.x版本