
DOM操作分类:

jQuery中的DOM操作

一。设置和获取样式值

1.追加样式


addClass:追加CSS效果
removeClass:去除CSS内容
2.切换样式

3.判断是否含有指定样式:判断的是布尔类型的值

二。内容操作:
1.HTML代码操作

2.TEXT代码操作



html:会对代码进行解析
text:不会对代码进行解析

3.区别

4.属性值操作

案例:

.focus :聚焦事件(点击光标闪烁)
.blur:失焦事件(未点击,无光标)
.val:获取元素值
三.节点操作

1.创建结点

创建结点的方式:



在添加节点时候,在后面添加$(变成jQuery对象)才可以添加节点
2.删除节点

3.替换结点


内容和 li 全部替换
4.复制结点(会进行多次复制)

如果是ture:则会复制内容和所有事件
如果是flase:则只会复制html代码

四。属性操作:
1.获取与设置元素属性


2。删除元素属性


五。节点遍历
1.遍历子元素



2.遍历同辈节点

next():下一个节点
prev():上一个节点
siblings():相邻兄弟所有节点
parent():父级节点
parent():祖先节点(body)
parent().parent():父级节点的父级节点
3.其他方法
(1)each方法


each:每遍历1次进行的操作
(2)end方法:


end:还原上一选择(还原为之前的元素)
如实例:从第一行的 li 重新返回于全部的 li ,再重新进行选择
六。CSS-DOM操作


.scroll:鼠标滚动显示的内容
