不同版本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 jq2 = jQuery.noConflict();
</script>

// 使用时
jq1(document).ready(function() {
  jq1('#element1').hide();
});

jq2(document).ready(function() {
  jq2('#element2').hide();
});

// 加载第一个版本的 jQuery
<script src="jquery-1.12.4.min.js"></script>
<script>
  (function($) {
    $(document).ready(function() {
      $('#element1').hide();
    });
  })(jQuery);
</script>

// 加载第二个版本的 jQuery
<script src="jquery-3.6.0.min.js"></script>
<script>
  (function($) {
    $(document).ready(function() {
      $('#element2').hide();
    });
  })(jQuery);
</script>

// 使用 RequireJS
requirejs.config({
  paths: {
    'jquery1': 'path/to/jquery-1.12.4.min',
    'jquery2': 'path/to/jquery-3.6.0.min'
  }
});

require(['jquery1', 'jquery2'], function(jq1, jq2) {
  jq1(document).ready(function() {
    jq1('#element1').hide();
  });

  jq2(document).ready(function() {
    jq2('#element2').hide();
  });
});