引用順序：
先引css再引js
js中先引jQuery，再引jabascript，再引自己寫的js
用法：
jQuery需要引入一個js文件，並在所有js代碼之前
1.找標簽：
js： document.getElement.... 包含所有的找尋代碼 dom對象
jQuery：$(選擇器)； 選擇器包含id選擇器，class選擇器 jQuery對象
下面的兩句話就代表找到id為aa的標簽並給這個標簽添加一個class，值為bb;
//dom對象
document.getElementbyId('aa').setAttribute('class','bb');
//jQuery對象
$('ddd').attr('class','bb');
2.jQuery對象和js對象轉換
jQuery==》js
是class值時， 這句話表示吧class為bb的元素下標為0的轉成dom對象
$('.bb') ==》$('.bb')[0] || $('.bb').get(0)
是id值時， 這句話表示吧id為bb的元素轉成dom對象
$('#bb') ==》$('#bb')[0] || $('#bb').get(0)
操作jQuery下標為0的元素 要操作第幾個括號里就寫幾
$('.bb').eq(0);
js ==》jQuery
現在有一個dom對象
var dom = document.getElementById('ddd');
直接吧變量名給dom就把dom對象轉成了jQuery對象
$(dom)
3.操作內容
js: dom代表js對象
表單 ： dom.value
非表單：dom.innetHTML
jQuery: $代表jQuery對象
表單: $.val(); $.val('修改之后的值');
非表單: $.html(); $.html('修改之后的值'); $.text() 和html的效果差不多
4.操作屬性：
js：
操作屬性：
dom.setAttribute(屬性名,屬性值);
獲取屬性：
dom.getAttribute(屬性名);
jQuery:
操作屬性：
$.attr(屬性名，屬性值);
獲取屬性：
$.attr (屬性名)
操作多個屬性時：
$.arrt({屬性名：屬性值,屬性名:屬性值});
5.操作樣式
js：
操作樣式
dom.style.樣式
jQuery:
操作樣式
$.css（屬性名,屬性值);
$.css（屬性名);
操作多個屬性時：
$.css({屬性名：屬性值,屬性名:屬性值});
6.事件
js: 添加事件
dom. addEventListener();
jQuery: 添加事件 點后面可以直接寫事件，用什么事件寫什么事件
$.onclick(function(){
})