js query复习

Posted 2020-11-05 最初的梦想DW

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.onclick=function(){}

Dom.addeventlistener(‘click‘,f1)

jq:jqDom.click(funcution{})

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

jqDom.unbind(‘click‘);