JavaScript與jQuery的區別有哪些

本篇文章為大家展示了JavaScript與jQuery的區別有哪些，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

一、本質上的區別

1.JavaScript 是通過標簽插入到HTML頁面，可由所有的現代瀏覽器執行的一種輕量級的編程語言。

2.JQuery是一個JavaScript函數庫。或者說是JavaScript。
使用JQuery首先要在 HTML 代碼最前面加上對 jQuery 庫的引用，比如：

庫文件既可以放在本地，也可以直接使用知名公司的 CDN，好處是這些大公司的 CDN 比較流行，用戶訪問你網站之前很可能在訪問別的網站時已經緩存在瀏覽器中了，所以能加快網站的打開速度。另外一個好處是顯而易見的，節省了網站的流量帶寬。

例如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>　　
//Google

或者：

<script src="http://code.jquery.com/jquery-1.6.min.js"></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();

上述內容就是JavaScript與jQuery的區別有哪些，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。