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())
移除事件：
jqDom.unbind("click",show())
})
知識點：
1.jQuery轉 dom 對象
$()[0] 或者 $().get(0)
2.dom對象轉jQuery對象數組取值
$().eq(0)
jquery的應用和JS的區別