addEventListener vs jquery.on和form.submit vs jquery.submit -差异

addEventListener vs jquery.on:

addEventListener是原生JavaScript提供的方法，用于向一个元素添加事件监听器。它可以在任何支持DOM的元素上使用，并且可以监听多个事件类型。它的语法如下：

element.addEventListener(event, function, useCapture);

其中，event是要监听的事件类型，如"click"、"keydown"等；function是事件触发时要执行的函数；useCapture是一个可选的布尔值参数，用于指定事件是在捕获阶段还是冒泡阶段触发，默认为false，即在冒泡阶段触发。

jQuery的.on方法是为了简化事件绑定而设计的。它可以在一个或多个元素上绑定一个或多个事件类型的事件处理函数。它的语法如下：

$(selector).on(event, function);

其中，selector是要绑定事件的元素选择器；event是要绑定的事件类型，如"click"、"keydown"等；function是事件触发时要执行的函数。

区别：

1. addEventListener是原生JavaScript提供的方法，而jquery.on是jQuery库提供的方法。
2. addEventListener可以在任何支持DOM的元素上使用，而jquery.on只能在jQuery选择器选中的元素上使用。
3. addEventListener可以监听多个事件类型，而jquery.on只能绑定一个事件类型。
4. addEventListener的事件处理函数可以通过event参数访问事件对象，而jquery.on的事件处理函数默认将事件对象作为第一个参数传递。
5. addEventListener的事件处理函数可以使用useCapture参数指定事件是在捕获阶段还是冒泡阶段触发，而jquery.on没有类似的参数。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云函数计算（SCF）：https://cloud.tencent.com/product/scf

form.submit vs jquery.submit:

form.submit是原生JavaScript提供的方法，用于提交表单。它可以在任何包含表单元素的HTML页面上使用。调用form.submit方法会触发表单的提交行为，将表单数据发送到服务器。它的语法如下：

form.submit();

其中，form是要提交的表单元素。

jQuery的.submit方法是为了简化表单提交而设计的。它可以在一个或多个表单元素上触发提交行为。它的语法如下：

$(selector).submit();

其中，selector是要触发提交行为的表单元素选择器。

区别：

1. form.submit是原生JavaScript提供的方法，而jquery.submit是jQuery库提供的方法。
2. form.submit只能在包含表单元素的HTML页面上使用，而jquery.submit只能在jQuery选择器选中的表单元素上使用。
3. form.submit会触发表单的提交行为，将表单数据发送到服务器，而jquery.submit只是触发提交行为，并不会自动发送表单数据。
4. form.submit方法可以通过JavaScript代码直接调用，而jquery.submit方法需要通过jQuery对象调用。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云API网关（API Gateway）：https://cloud.tencent.com/product/apigateway