多个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>

<!-- 使用时 -->
<script>
  jq1(document).ready(function() {
    jq1('#element1').hide();
  });

  jq2(document).ready(function() {
    jq2('#element2').hide();
  });
</script>

<!-- 引入第一个 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 -->
<script src="require.js"></script>
<script>
  require(['jquery-1.12.4'], function(jq1) {
    jq1(document).ready(function() {
      jq1('#element1').hide();
    });
  });

  require(['jquery-3.6.0'], function(jq2) {
    jq2(document).ready(function() {
      jq2('#element2').hide();
    });
  });
</script>