一、js和Jquery的區別
1、本質上的區別：js是網頁尾本語言，而Jquery是基於js語言封裝出來的一個前端框架。也就是說js是一種語言，而Jquery是基於該語言的一種框架。
2、用法上的區別：a、外觀上Jquery物件比js物件多了"$()"，這是最直觀的區別；
　　　　　　　　b、操作樣式的區別，js裡面操作樣式的關鍵字是style。Jquery裡面操作樣式的關鍵字是css。
　　　　　　　　 c、操作屬性的區別：

　　　　　　　　　例：JS裡面用來操作屬性的方法是：div.setAttribute("","");——設定屬性、修改屬性
　　　　　　　　　　　　　　　　　　　　　　　　　 div.removeAttribute("");——移除屬性，引號裡面寫一個屬性名
　　　　　　　　　　　　　　　　　　　　　　　　 div.getAttribute();——獲取屬性

　　　　　　　　　Jquery用來操作屬性的方法：新增屬性：div.attr("test","aa");——給這個attr方法加入引數，屬性名叫做test，屬性的值是aa。
　　　　　　　　　　　 移除屬性：div.removeAttr("test");——移除test這條屬性。
　　　　　　　　　　　　　　 　獲取屬性：div.attr("test");——在attr方法裡面直接寫入一個屬性的名就可以了。　

　　　　　
　　　　　　　　 d、使用JavaScript和jQuery分別載入DOM時。JavaScript只會執行一次，而jQuery會執行多次
　　　　　　　　e、js獲取方法：js獲取id：document.getElementById(‘idName')；JQuery：$('#idName')
　　　　　　　　　　　　　　 　js獲取class的方法：document.getElementsByClassName；JQuery：$('.className')。
　　　　　　　　f、jquery有一層功能面板，其核心還是js
注意：
js操作樣式的方法只能獲取內聯樣式，不能取內嵌的和外部的。
Jquery操作樣式的方法可以是內聯的也可以是內嵌的。

二、js和Jquery的轉換
1、$()與Jquery()
Jquery中$函式，根據傳入引數的不同，進行不同的呼叫，實現不同的功能。返回的是Jquery物件
Jquery這個js庫，除了$之外，還提供了另外一個函式：Jquery
Jquery函式跟$函式的關係：Jquery===$;
2、JS與jQuery物件之間的轉換
a、js物件轉換成jquery物件。 $(js物件);
b、jquery物件轉換成js物件。 (1)jquery物件[索引值] (2)jquery物件.get(索引值)

三、原生JS選擇器
JS選擇器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
A： getElementById(ID): 返回對指定ID的第一個物件的引用，如果在文件中查詢一個特定的元素，最有效的方法是getElementById()
B: getElementsByName(name): 返回文件中name屬性為name值的元素，因為name屬性值不是唯一的，所以查詢到的結果有可能返回的是一個數組，而不是一個元素。
C: getElementsByTagName(tagname): 返回文件中指定標籤的元素
D: getElementsByClassName():返回文件中所有指定類名的元素
E: querySelector():返回文件中匹配指定css選擇器的第一個元素
F: querySelectorAll():返回文件中匹配指定css選擇器的第一個元素

四、Jquery選擇器
Jquery選擇器基於元素的 id、類、型別、屬性、屬性值等"查詢"（或選擇）HTML 元素。 它基於已經存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器。
Jquery中所有選擇器都以美元符號開頭：$()。