js，jq当中dom操作

标签：mouse   nbsp   creat   inner   toggle   cti   dev   设置   new   

1、htmlDOM操作

（1）页面添加内容

document.write():向页面添加内容

document.innerHTML=  :向页面添加内容

（2）css属性操作

document.xx.style.属性=  ：对元素添加css属性

（3）事件

onclick 点击事件

onlound：进入页面的时候触发

unonlound:离开界面时触发

onmouseover:鼠标划入的时候触发

onmouseout:鼠标划出的时候触发

onmousedown:点击鼠标时触发

onmouseup:点击后释放鼠标时触发

（4）添加事件

addEventlistener(‘click‘,function)

  (5)html元素

创建元素：creatElement()

追加新元素到尾部：appendChild()

追加新元素到前面:insertBefore(newhtml,position) 

删除已有的元素：parent.removeChild()  删除父节点下的某个元素

替换元素：replaceChild()

jq当中的dom操作

（1）获取内容

test():设置或获取所选元素的文本内容

html():设置或获取所选元素的文本内容（包含html标签）

val():设置或获取表单输入字段的值

attr():获取属性的值

（2）元素操作

添加：

append():在被选元素结尾添加元素/内容

preappend():在被选元素开题添加新的的元素/内容

after():在被选元素之后添加新的元素/内容

before()：在被选元素之前添加新的元素/内容

删除：

remove():移除选中元素及其内部所有元素，可以添加一个参数，选择要删除的元素 例：remove(‘.demo‘)

empty():清空选中元素的内部所有元素

(3)css操作

addClass():为所选中的元素添加css样式

removeClass():移除所选元素的css样式

toggleClass() ：实现所选元素添加/删除样式的切换

js，jq当中dom操作

标签：mouse   nbsp   creat   inner   toggle   cti   dev   设置   new   

原文地址：https://www.cnblogs.com/xia-chen/p/14866945.html