先上比較官方的乾貨（概念）
1.javaScript
javaScript的簡寫形式就是JS，一種廣泛用於客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能（其編寫的程序可以被嵌入到HTML或XML頁面中，並直接在瀏覽器中解釋執行）。
2.jQuery
jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現動畫效果，並且方便地爲網站提供AJAX交互。
3.關係
javaScript是用於Web客戶端開發的腳本語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於創建交互式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函數接口，大大簡化了Ajax，JS的操作。
項目中用jQuery比較多，具體講講他。
jQuery能大大簡化JavaScript程序的編寫
要使用jQuery，首先要在HTML代碼最前面加上對jQuery庫的引用，比如：
<script language="javascript" src="/js/jquery.min.js"></script> //引用
重頭戲：
1 定位元素
JS
document.getElementById("abc")
jQuery
$("#abc") 通過id定位
$(".abc") 通過class定位
$("div") 通過標籤定位
需要注意的是JS返回的結果是這個元素，jQuery返回的結果是一個JS的對象。以下例子中假設已經定位了元素abc。
2 改變元素的內容
JS
abc.innerHTML = "test"; //現在的項目中有用到
jQuery
abc.html("test");
3 顯示隱藏元素
JS
abc.style.display = "none"; //現在的項目中有用到
abc.style.display = "block";
jQuery
abc.hide();
abc.show();
abc.toggle(); //在顯示和隱藏之間切換、
4 獲得焦點
JS和jQuery是一樣的，都是abc.focus();
5 爲表單賦值
JS
abc.value = "test";
jQuery
abc.val("test");
6 獲得表單的值
JS
alert(abc.value);
jQuery
alert(abc.val());
7 設置元素不可用
JS
abc.disabled = true;
jQuery
abc.attr("disabled", true);
8 修改元素樣式
JS
abc.style.fontSize=size;
jQuery
abc.css('font-size', 20);
JS
abc.className="test";
JQuery
abc.removeClass();
abc.addClass("test");
9 判斷複選框是否選中
jQuery
if(abc.attr("checked") == "checked")
注意：網上說的.attr("checked") == true實際上不能用，上面這個測試過能用
個人總結髮現兩者最大的區別就是js操作的是類似操作屬性的那種感覺，而jQuery則不同，它基本是通過方法來操作