jquery的應用和JS的區別

jquery 和 js的主要區別在於DOM操做

DOM操做：

找元素：
js:
document.getElementBy(ID,classnama,tagname)
jquery:
$(選擇器)
例：$(.one)
操做內容：
js:
非表單： Dom.innerHTML
表單：Dom.value
jquery:
非表單： jqDom.html(str)
表單：jqDom.val(str)
操做屬性：
js:
設置： Dom.setAttribute("","");
獲取：Dom.getAttribute("");
jquery:
設置： jq.arr();
獲取：jq.arr("");操做一個是獲取
jq.arr(""，"");操做兩個是設置
jq.arr({
"屬性名1":"屬性值1",
"屬性名2":"屬性值2",
... 設置多個屬性
});
操做樣式：
js:
Dom.style.color
jquery:
jq.css();jq.css("");

添加多個樣式： jq.css({
"":"",
"":"",
....
})
操做事件：
js:
Dom.addEventListener("click",事件名);
Dom.addEventListener("",);
Dom.addEventListener("",);
移除事件：
Dom.removeEventListener("",);
jquery:
jqDom.cick(function(){
隱藏事件：
jqDom.bind("click",show())  

bind() 方法爲被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。
移除事件：
jqDom.unbind("click",show())

})

知識點：
1.jQuery轉 dom 對象
$()[0] 或者 $().get(0)
2.dom對象轉jQuery對象數組取值
$().eq(0)