原生js和jQuery的区别

1. 原生JavaScript是一种基于ECMAScript规范的编程语言，而jQuery是基于JavaScript的一个库，它提供了一种更简洁、易用的语法来操作HTML文档、处理事件、执行动画等。

2. 原生JavaScript没有依赖任何外部库，而jQuery依赖于jQuery库。这意味着使用jQuery需要先引入jQuery库。

3. 原生JavaScript的代码通常比jQuery代码更冗长，因为它需要手动编写DOM操作、事件处理等功能。而jQuery代码则可以简化这些操作，使代码更简洁、易读。

4. 原生JavaScript的事件处理方式较为繁琐，需要为每个元素分别绑定事件处理函数。而jQuery提供了一种更简洁的方式来绑定事件处理函数，例如使用`.on()`方法。

5. jQuery提供了许多内置的动画效果，如淡入淡出、滑动等，而原生JavaScript则需要自己实现这些效果。

代码演示：