一、本質(zhì)上的區(qū)別

1.JavaScript 是通過(guò)標(biāo)簽插入到HTML頁(yè)面，可由所有的現(xiàn)代瀏覽器執(zhí)行的一種輕量級(jí)的編程語(yǔ)言。

2.JQuery是一個(gè)JavaScript函數(shù)庫(kù)。或者說(shuō)是JavaScript。
使用JQuery首先要在 HTML 代碼最前面加上對(duì) jQuery 庫(kù)的引用，比如：

庫(kù)文件既可以放在本地，也可以直接使用知名公司的 CDN，好處是這些大公司的 CDN 比較流行，用戶(hù)訪(fǎng)問(wèn)你網(wǎng)站之前很可能在訪(fǎng)問(wèn)別的網(wǎng)站時(shí)已經(jīng)緩存在瀏覽器中了，所以能加快網(wǎng)站的打開(kāi)速度。另外一個(gè)好處是顯而易見(jiàn)的，節(jié)省了網(wǎng)站的流量帶寬。

例如：

<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是網(wǎng)頁(yè)編程語(yǔ)言，而jQuery是一個(gè)基于js編寫(xiě)的框架；
jquery就是基于JavaScript語(yǔ)言寫(xiě)出來(lái)的一個(gè)框架,實(shí)質(zhì)上還是js而已
So:

1. 1.jQuery 是一個(gè) JavaScript 庫(kù)；
2. 2.jQuery 極大地簡(jiǎn)化了 JavaScript 編程；
3. 3.jQuery 使JavaScript更好用；
4. 4.jquery就是要用更少的代碼，漂亮的完成更多的功能；

一些方法對(duì)比:
⑴使用JavaScript和jQuery分別加載DOM

JavaScript只會(huì)執(zhí)行一次，而jQuery會(huì)執(zhí)行多次

⑵使用JavaScript和jQuery獲取ID

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

⑶使用JavaScript和jQuery獲取class

JavaScript沒(méi)有默認(rèn)的獲取class的方法
JQuery：
$('.className')

使用jQuery最大的好處是少量的代碼做更多的事情，與JavaScript相比，jQuery的語(yǔ)法更加簡(jiǎn)單。

舉個(gè)簡(jiǎn)單的栗子：獲取元素的值

Javascript代碼 
document.getElementById(‘elementid').value 

使用jQuery： 
Jquery代碼 
$(‘#elementid').val(); 

以上所述是小編給大家介紹的JS和jQuery的區(qū)別詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！