Jquery------DOM操作（内容操作、属性操作（通用属性操作、class属性操作））

一、内容操作

1. 对象 .html() 获取 / 设置元素标签内容

2. 对象 . text() 获取 / 设置元素标签纯文本内容

3. 对象 . val() 获取 / 设置元素标签value的值

 

二、属性操作

（一）通用属性操作

1. attr(); 获取 / 设置元素的属性；

2. removeAttr(); 删除元素属性； （建议自定义属性）

3. prop(); 获取 / 设置元素的属性；

4. removeProp(); 删除元素属性； （建议是固有属性）

5. 父元素对象 .empty(); (直接清空父元素中所有子节点)

 

（二）对class属性的操作

1. addClass(); 添加属性；

2. prepend(); 将一个元素添加到开头；

例如：$("#parent").prepend($("#child"));

prependto(); 某元素被添加到一个元素的开头；

例如：$("#child").prependTo($("#parent"));

注意：child 指被添加元素 parent指接受添加的元素

 

3. apend(); 将一个元素添加到另一个元素末尾；（用法如上）

apendTo();某个元素被添加到另一个元素的末尾；（用法如上）

 

4. .after(); 在某个单一元素的后面添加一个元素；

例如：$("#parent").after($("#child"));

insertAfter(); 把一个元素插入到某个单一元素的后面；

例如：$("#child").insetAfter($("#parent"));

注意：child 指被添加元素 parent指接受添加的元素

转载于:https://www.cnblogs.com/Hubert-dzl/p/11119316.html