解决js和jquery冲突

// 加载jQuery库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var jq = jQuery.noConflict();
  jq(document).ready(function(){
    jq("button").click(function(){
      jq("p").hide();
    });
  });
</script>

(function($) {
  // 在这里，$符号代表jQuery
  $(document).ready(function(){
    $("button").click(function(){
      $("p").hide();
    });
  });
})(jQuery);

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="your-custom-script.js"></script>

// jquery-module.js
import $ from 'jquery';

export function hideParagraphs() {
  $("p").hide();
}

// main.js
import { hideParagraphs } from './jquery-module.js';

document.addEventListener('DOMContentLoaded', hideParagraphs);