jquery:js框架;

主要區別在dom的操作

jq需要引入文件并且引入順序在最上面;

找元素 操作元素

js:doucument.getElementById..classname,tagname,name

jq:$(選擇器)

dom是js對象 jqDom是jquery對象

操作內容

js:dom.innerHTML(非表單元素) ? dom.value(表單元素)

jq:jqDom.html()?? jqDom.val()

操作屬性

js:dom.setAttribute('屬性名','屬性值')?? dom.getattribute('屬性名');

　　dom.removeAttribute('屬性名');

jq:jqDom.attr({'class':'abc','id':'abcd'});???????? //設置這個dom的class名為abc

　jqDom.attr('class');??????????? //獲取class的屬性值

jqDom.removeAttr('class');

jqDom.addclassr('abc');

操作樣式:

js:Dom.style.color='red'; Dom.style.color;

jq:jqDom.css({'屬性名':'屬性值'});

jqDom.css('color');

操作事件

js:Dom.οnclick=function(){}

Dom.addeventlistener('click',f1)

jq:jqDom.click(funcution{})

jqDom.bind('click',function(){})

jqDom.unbind('click');

?

轉載于:https://www.cnblogs.com/zuichumx0826/p/9044646.html

總結

以上是生活随笔為你收集整理的js query复习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。