为什么说学习JavaScript和jQuery是前端开发中不可或缺的两个技术，它们之间有什么不同之处？

本文共计579个文字，预计阅读时间需要3分钟。

一、本质区别：

1.JavaScript：通过标签插入到HTML页面，是一种轻量级的编程语言，所有现代浏览器都支持执行。

2.JQuery：JavaScript函数库，可以看作是JavaScript，使用JQuery前需在HTML中引入。

二、使用JQuery：

首先在HTML中引入JQuery库，然后可以通过JQuery选择器选择元素，并进行各种操作。

一、本质上的区别

1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。

2.JQuery是一个JavaScript函数库。或者说是JavaScript。
使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：

库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。

例如：

<script src="ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>　　 //Google 或者： <script src="img.558idc.com/uploadfile/allimg/210605/1912432F1-1.jpg"></script> //jQuery 官方　

JavaScript是网页编程语言，而jQuery是一个基于js编写的框架；
jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已
So:

1. 1.jQuery 是一个 JavaScript 库；
2. 2.jQuery 极大地简化了 JavaScript 编程；
3. 3.jQuery 使JavaScript更好用；
4. 4.jquery就是要用更少的代码，漂亮的完成更多的功能；

一些方法对比:
⑴使用JavaScript和jQuery分别加载DOM

JavaScript只会执行一次，而jQuery会执行多次

⑵使用JavaScript和jQuery获取ID

JavaScript：
document.getElementById(‘idName')
JQuery：
$('#idName')

⑶使用JavaScript和jQuery获取class

JavaScript没有默认的获取class的方法
JQuery：
$('.className')

使用jQuery最大的好处是少量的代码做更多的事情，与JavaScript相比，jQuery的语法更加简单。

举个简单的栗子：获取元素的值

Javascript代码 document.getElementById(‘elementid').value 使用jQuery： Jquery代码 $(‘#elementid').val();

以上所述是小编给大家介绍的JS和jQuery的区别详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对自由互联网站的支持！