追加值 區別 dom move set 添加 attribute 完成 bbb

js 和 jQuery 的區別 主要體現在Dom操作

（jq代表我找到的元素對象）
找元素：
js:document.get...
jquery: $(選擇器)
設定：jq 是jquery對象 js 是JavaScript對象
操作內容：
js：js.innerHTML
js.value
非表單元素：jq:jq.html() jq.html("sad") jq.html(jq.html()+"sad")追加值

表單元素：jq.val() jq.val("修改值")
操作屬性：
js:js.getAttribute("屬性名");
js.setAttribute("屬性名","屬性值");
js.removeAttribute("屬性值");
jq:jq.attr("屬性名");
jq.attr("屬性名","屬性值");
jq.attr({"屬性名":"屬性值","屬性名":"屬性值"});
jq.removeAttr("屬性名"); 移出屬性
jq.addClass("calss值");添加class並賦值
<div class="aaa bbb"></div>
操作樣式：

js：js.style.樣式=樣式值 只能獲取行內
jq：jq.css("樣式")
jq.css("樣式","樣式值")
jq.css({"樣式":"樣式值","樣式":"樣式值"})
操作事件：
js：js.onclick=function(){}
綁定事件 可以多次綁定，事件觸發執行多次
js.bind("click",function(){
alert(123);
})
//接觸綁定
js.unbind("click")
jq:jq.click(function(){
this：js對象
})
js和jq互轉
js->jq $(js)
jq->js $(選擇器)[0] || $(選擇器).get(0)


jq頁面加載完成
$(document).ready(function(){

})
$(function(){


})

jQuery (js 和 jQuery 的區別)