本質上的區別
JavaScript 是通過標簽插入到HTML頁面，可由所有的現代瀏覽器執行的壹種輕量級的編程語言。
JQuery是壹個JavaScript函數庫。或者說是JavaScript。
使用JQuery首先要在 HTML 代碼最前面加上對 jQuery 庫的引用，比如：
庫文件既可以放在本地，也可以直接使用知名公司的 CDN，好處是這些大公司的 CDN 比較流行，用戶訪問妳網站之前很可能在訪問別的網站時已經緩存在瀏覽器中了，所以能加快網站的打開速度。另外壹個好處是顯而易見的，節省了網站的流量帶寬。
例如：
<script src="/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
//G或者：
<script src="/jquery-1.6.min.js"></script>
//jQuery 官方
JavaScript是網頁編程語言，而jQuery是壹個基於js編寫的框架；
jquery就是基於JavaScript語言寫出來的壹個框架,實質上還是js而已
So:
jQuery 是壹個 JavaScript 庫；
jQuery 極大地簡化了 JavaScript 編程；
jQuery 使JavaScript更好用；
jquery就是要用更少的代碼，漂亮的完成更多的功能；
最直觀的區別就是：外觀上jQuery對象比js對象多了"$()"。
操作屬性
JavaScript裏面用來操作屬性的方法：
div.setAttribute("","");——設置屬性、修改屬性
div.removeAttribute("");——移除屬性，引號裏面寫壹個屬性名
div.getAttribute();——獲取屬性
jQuery裏面用來操作屬性的方法：
添加屬性：div.attr("test","aa"); ——給這個attr方法加入參數，屬性名叫做test，屬性的值是aa
移除屬性：div.removeAttr("test"); ——移除test這條屬性
獲取屬性：div.attr("test"); —— 在attr方法裏面直接寫入壹個屬性的名就可以了
操作樣式
JavaScript裏面操作樣式的關鍵字是style
例：div.style.backgroundColor = "red";——把這個div的背景色設置成為了紅色
請點擊輸入圖片描述
jQuery裏面操作樣式的關鍵字是css
例：div.css("background-color","yellow");——把這個div的背景色變為黃色，在這裏CSS裏面所有的樣式和css樣式表裏面的樣式是壹模壹樣的沒有任何變化。
請點擊輸入圖片描述
JavaScript操作樣式的方法只能獲取內聯樣式，不能取內嵌的和外部的。
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的語法更加簡單。