jQuery是为了事件处理特别设计的。

1.jQuery 名称冲突

jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

  1. <script src="./jquery-3.6.0.js"></script>
  2. </head>
  3. <body>
  4.     <h2>h2</h2>
  5.     <p>p</p>
  6.     <button>btn</button>
  7.     <script>
  8.         $.noConflict();
  9.         jQuery("button").click(function(){
  10.             jQuery("p").text("jquery 仍在运行");
  11.         })
  12.     </script>

image.png

2.事件

https://www.yuque.com/xiaozong-qrhpy/hnz4nm/bz5hd1?inner=RxstU
image.png